javascript - 如何在jquery中泛化点击函数

Question

我有13张小图片和13张大图片，如果点击任何一个小图片，它都会显示相关的大图片，我只是想知道是否可以通用化点击功能，这样我就不必这样做重复代码 13 次，谢谢

<div id="press_images">

                <img id="s1" class="small" src="images/press/small/1.png" />
                <img id="s2" class="small" src="images/press/small/2.png" />
                <img id="s3" class="small" src="images/press/small/3.png" />
                <img id="s4" class="small" src="images/press/small/4.png" />

                .....
                <img id="s13" class="small" src="images/press/small/13.png" />
</div>

<div class="big">     
               <a id="close">X</a>
               <img id="b1" src="images/press/big/1.jpg" />
               ......
               <img id="b13" src="images/press/big/13.jpg" />
</div>


$("#s1").click(function(){  

  $('#b1').show();
  $('.big').show(300);
      return false;  
   }); 

所以我想知道是否可以更改 $("#s1").click(function() 这样我就不必重复 13 次。

谢谢

Answer 1

以下应该有效:

$(".small").click(function(){  
      var id_img=$(this).attr('id').replace('s','');
      $('.big img').hide();
      $('#b'+id_img).show();
      $('.big').show(300);
      return false;  
});