单击变量ID项触发jQuery中其他对象中相应变量ID的函数

我有一系列拇指，我想点击一个拇指来激活相应图像的外观。 如果没有为每个缩略图对编写脚本，我正在寻找一种方法，用于id =“thumb1”的图像触发id =“photo1”的外观和图像，依此类推。

我找到了这个答案并试图实现它：

$(function(){ $('img[id^="thumb"]').click(function () { $('img[id^="photo"]').show(); }); }); 

但是，所有标有“thumb1”，“thumb2”等的拇指都会触发标有“photo4”的照片（系列中的最后一个）。

有什么建议？ 非常感谢。

Answer 1

你想要的是这样的吗？

 $(function(){ $('img[id^="thumb"]').click(function () { var id = $(this).attr('id').replace('thumb', ''); $('img#photo' + id).toggle(); }); }); 

单击拇指时，它会显示或隐藏相应的照片。