Question

嘿我需要一些帮助我已经制作了这个画廊插件，我现在需要一种方法来找到下一个相对于文档调用插件的类，因为图像在不同的父div中？检查下面的代码

<!-- HTML -->
<div id="a">
    <img class="image" src="/gallery/a.png" style="max-width:200px;max-height:200px;"/>
</div>
<div id="b">
    <img class="image" src="/gallery/b.jpg" style="max-width:200px;max-height:200px;"/>
</div>
<div id="c">
    <img class="image" src="/gallery/c.jpg" style="max-width:200px;max-height:200px;"/>
</div>


// jQuery
$('.image').imageGallery();

var next = $(self).next().attr("src"); // "Self" being the current image its on

如果所有图像都位于相同的父div中，则上述情况才可行，但我希望能够获得与身体相同的所有图像。

非工作示例：

$("body").find(self).next()

Answer 1

存储您应用.imageGallery();一次的所有图片，然后重复使用该列表：

var images = $('.image');
images.imageGallery();

var next = images.eq( images.index(self) + 1 );

Answer 2

你可以尝试一下：

var images = $("body").find("img");
var next = images[images.index(self) + 1];
source = $(next).attr('src');

Answer 3

您可以使用以下代码：

$(self).parent().next().child().attr("src");

我知道这似乎还有很长的路要走，但这可能会有所帮助。

找到相对于document - jQuery的下一个类

3 个答案: