新手，求懂得css和js的高手进

Question

 $(function () {

       $(".sangetu img").click(function () {
                //debugger

                $(this).parent().find("img").each(function () {
                    $(this).attr("src", $(this).attr("src").replace(".jpg", "_s.jpg"));
                });
                $("#" + $(this).attr("hid")).val($(this).attr("hvalue"));
                $(this).attr("src", $(this).attr("src").replace("_s.jpg", ".jpg"));
            });<div style="width: 356px; height: 63px;" class="sangetu">
             
<img src="images/images/A2.jpg" style="width:134px; height::63px; float:left;" />
<img src="images/images/A3_s.jpg" style="width:98px; height:63px; float:left;"/>
<img src="images/images/A4_s.jpg" style="width:124px; height::63px; float:left;" />
                    </div>
这段代码 我想实现的是一个选择题，图片的切换，请高手们帮看下那地方有错 

Answer 1

$(this).attr("hid")这里所谓的hid属性在哪

Answer 2

不好意思，我少发了 。                      <div style="width: 356px; height: 63px;" class="sangetu">
             
<img src="images/images/A2.jpg" style="width:134px; height::63px; float:left;" hid="txtfirst"/>
<img src="images/images/A3_s.jpg" style="width:98px; height:63px; float:left;" hid="txtfirst"/>
<img src="images/images/A4_s.jpg" style="width:124px; height::63px; float:left;"  hid="txtfirst" />
                    </div>

Answer 3

$(this).attr("hvalue")这个也没有啊。。

Answer 4

hvalue  这个属性 可以考虑为第一个图片hvalue=“1”.第二个 hvalue=“2”.第三个 hvalue=“3”

Answer 5

还有就是你要的是点击哪个换哪个还是只要点击图片都换它们的scr啊

Answer 6

 
点击.jpg的换成_s.jpg的，相反也是这样

Answer 7

— —！
  就是我有两张图片  一张是 .JPG选中状态的 。一张是_S.JPG未选中状态的。
 

Answer 8

这是js内容
    $(function () {

       $(".sangetu img").click(function () {
                //debugger

                $(this).parent().find("img").each(function () {
                    $(this).attr("src", $(this).attr("src").replace(".jpg", "_s.jpg"));
                });
                $("#" + $(this).attr("hid")).val($(this).attr("hvalue"));
                $(this).attr("src", $(this).attr("src").replace("_s.jpg", ".jpg"));
            });这是 css 的              <div style="width: 356px; height: 63px;" class="sangetu">
             
<img src="images/images/微博授权页A2.jpg" style="width:134px; height::63px; float:left;" hid="txtfirst" hvalue="1"/>
<img src="images/images/微博授权页A3_s.jpg" style="width:98px; height:63px; float:left;" hid="txtfirst" hvalue="2"/>
<img src="images/images/微博授权页A4_s.jpg" style="width:124px; height::63px; float:left;"  hid="txtfirst" hvalue="3"/>
              </div>

Answer 9

$(function () {
            $("div.sangetu>img").click(function () {
                var pattern = /_s/gi;
                var val = $(this).attr("src");
               
                if (!pattern.test(val)) {
                    $(this).attr("src", val.replace(".jpg", "_s.jpg"));
                }
                else {
                    $(this).attr("src", val.replace("_s.jpg", ".jpg"));
                }
            })
        })
你把js 换成这个试试。。是要这样？

Answer 10

$(function () {
            $("div.sangetu>img").click(function () {
                var pattern = /_s.jpg/gi;
                var val = $(this).attr("src");
               
                if (!pattern.test(val)) {
                    $("div.sangetu>img").each(function () {
                        
                        $(this).attr("src", $(this).attr("src").replace("_s.jpg", ".jpg"));
                    })
                    $(this).attr("src", val.replace(".jpg", "_s.jpg"));                }
                else {
                    $("div.sangetu>img").each(function () {
                        
                        $(this).attr("src", $(this).attr("src").replace("_s.jpg", ".jpg"));
                    })
                    $(this).attr("src", val.replace("_s.jpg", ".jpg"));
                }
            })
        })试试

Answer 11

用下面代码替换你的js试试
<script language="javascript">
  $(".sangetu img").click(function () {
  //debugger
   var thissrc = $(this).attr('src');
   // 如果本身未选中则激活
if (thissrc.search('_s.jpg') > -1) {
$(this).attr('src', thissrc.replace('_s.jpg', '.jpg'));
$(this).siblings('img').each(function(){
var src = $(this).attr('src');
if (src.search('_s.jpg') == -1)
$(this).attr('src', src.replace('.jpg', '_s.jpg'));
});
// 否则未选中
} else {
$(this).attr('src', thissrc.replace('.jpg', '_s.jpg'));
}
  });
</script>