新手，求懂得css和js的

新手，求懂得css和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"));
  });



<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>


这段代码 我想实现的是一个选择题，图片的切换，请高手们帮看下那地方有错

------解决方案--------------------

JScript code

$(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"));
                }
            })
        })