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');

返回undefined。

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

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

Answer 1

你试过吗

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

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

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

Answer 2

所以

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

然后..

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

2 个答案: