javascript - 如何在jQuery中推广点击功能

我有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次。

谢谢

最佳答案

以下应该工作：

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

关于javascript - 如何在jQuery中推广点击功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1859374/