javascript - 查找与文档相关的下一个类 - jQuery

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