愚蠢的jQuery prev/next按钮使用滑块/轮播实现

Idiotic jQuery prev/next button utilization for slider/carousel implementation

本文关键字：实现 按钮 jQuery prev next      更新时间：2023-09-26

我有一个图像旋转木马。有一个div用于主查看区域，然后一个div包含一个无序列表，用于一堆缩略图。你点击缩略图，它会在主视图div中显示完整尺寸的缩略图。

下面是截图:https://i.stack.imgur.com/YEyp6.png

但我也试图实现"上一个/下一个"按钮，以及如何做到这一点是逃避我现在。

如你所见，当前幻灯片被赋予了一个类，以赋予它一个橙色的轮廓。

每个缩略图也有一个唯一的ID。

我到底怎么才能点击上一个/下一个并检索拥有"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');

返回未定义。

ANSWER:下面的语法返回正确的ID:

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

你试过了吗

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

如果只有一个元素具有activeThumb类，这将返回活动元素的id。

Update:更新后的答案包含注释

so 

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

然后. .

相关文章：