惯用的jQuery prev / next按钮利用率，用于滑块/轮播实现

Question

我有一个图像轮播。 主查看区域有一个div，然后是一个div，其中包含一堆缩略图的无序列表。 您单击缩略图，它将在主查看div中显示为原尺寸。 很简单。

这是屏幕截图： http : //i.imgur.com/SwRvX.png

但是我也正在尝试实现“ 上一个/下一个 ”按钮，而如何做到这一点使我眼前一亮。

如您所见，当前幻灯片具有一个类，以使其具有橙色轮廓。

每个缩略图还具有唯一的ID。

我到底该如何单击prev / next并检索具有“ activeThumb”类的元素的实际ID？

感谢您提供正确方向的指导。

编辑以澄清：

<ul>
    <li>
        <a id="01"><img class="activeSlide" /></a>
    </li>
    <li>
        <a id="02"><img class="inactiveSlide" /></a>
    </li>
    <li>
        <a id="03"><img class="inactiveSlide" /></a>
    </li>
</ul>

这样使用选择器：

$('li img [class="activeSlide"]').parent('a').attr('id');

返回未定义。

解答：以下语法返回正确的ID：

$('img.activeSlide').parent('a').attr('id');

Answer 1

你有没有尝试过

$('.activeThumb').parent('a').attr('id')

如果只有一个具有activeThumb类的元素，则应该返回活动元素的ID。

更新 ：更新了答案以包括评论。

Answer 2

所以

$('.activeThumb').parent('a').attr('id')

然后..