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

嘿，我需要一些帮助，我制作了这个图库插件，我现在需要一种方法来找到下一个类，该类称为相对于文档的插件，如果图像位于不同的父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

您可以尝试以下方法：

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

---

您可以使用以下代码：

$（self.parent（）.next（）.child（）.attr（“src”）

我知道这似乎还有很长的路要走，但这可能会有所帮助。
存储您应用的所有图像
.imageGallery（）一次，然后重新使用该列表：

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

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

我希望能够在整个文档中搜索下一个$（self），因为在某些情况下，图像可能会被多个父对象分开，等等。在这种情况下，您应该创建对所有图像的引用。只要你想访问下一张图片就可以使用它。但是如果没有下一个图像，它将给出一个
未定义的
错误。请检查这个。你现在让我的画廊充满活力！！有没有办法参照图像数组中的self来获得它的位置？@JustinJohn：这不是错误，这是意料之中的。第三个图像后没有元素，空选择返回
未定义的属性。对于旋转方式，可以使用模图像。长度
var images = $('.image');
images.imageGallery();

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