找到下一张图片

Question

我的HTML看起来像 -

<div id="slide1">
    <a href="#content1">
        <img src="demo_files/images/Carousel_Slides19-26/Slide19A.jpg" alt="" class="active1"/>
    </a>
    <a href="#content1">
        <img src="demo_files/images/Carousel_Slides19-26/Slide19B.jpg" alt=""/>
    </a>
</div>

我能够使用jQuery找到第一个图像 -

var $active = $('#slide1 .active1');

如何在选择器中不使用该源的情况下使用jQuery查找下一个图像？ （src =“demo_files / images / Carousel_Slides19-26 / Slide19B.jpg”）

我想

$('#slide1 .active1').next()

可行，但下一个元素不是那个形象。

Answer 1

由于.active是img元素，因此它没有下一个兄弟，因此.next()将无效。你需要找到a的父元素（.active）的下一个兄弟，如

$('#slide1 .active1').parent().next().find('img')

Answer 2

选择所有图像，然后使用eq定位索引。

var $active = $('#slide1 img').eq(1);

Answer 3

首先，您必须确保HTML中只有一个ID。 $('#slide1 .active1').next()等于 $('#slide1 .active1').eq(0).next()

以下是决议：

1. $('#slide1 img').eq(1)
2. $('#slide1 img')[1]
3. $('#slide1 .active1').parent().next().children().eq(0);