它是这样的：单击一个图像，显示一个图像-使用jQuery

简单对吧

基本上，这是一个概念。假设div#图像的所有子项都显示：默认情况下无：

<div id=thumbs>
   <img src="thumb1.jpg"/>
   <img src="thumb2.jpg"/>
   <img src="thumb3.jpg"/>
</div>
<div id=images>
   <img src="img1.jpg"/>
   <img src="img2.jpg"/>
   <img src="img3.jpg"/>
</div>

以下是我提出的逻辑： 单击div#拇指的子对象，捕获该子对象，显示相应的div#图像的子对象

我的问题是：

• 如何在单击时返回元素的子编号？（在本例中，为一个div）
• 注意，我希望在单击div#thumbs的子对象时激活此功能

---

谢谢

我假设您想在显示下一个之前隐藏上一个

由于拇指与主图像的顺序相同，因此可以执行以下操作：

$('#thumbs > img').click(function() {
    $('#images > img').hide().eq( $(this).index() ).show();
});

或者像这样效率更高一点：

var main_images = $('#images > img');

$('#thumbs > img').click(function() {
    main_images.hide().eq( $(this).index() ).show();
});

---

哈哈，本。很好！谢谢大家：）别担心，我肯定会有更多的n00b问题。。。