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

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

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