获取具有相同类的下一个元素，无论其在DOM中的位置如何

Question

使用jQuery ，如果我有一个分散在整个HTML页面中的类test的元素，没有定义的结构来指示它们可能被找到的位置，以及我是否有一个名为包含currentItem的{​​{1}}位于页面的中间位置，那么如何找到DOM中出现的<div class="test">This is a test.</div>类的NEXT元素？

Answer 1

您可以使用jQuery .index()和.eq()方法：

var $testCollection = $('.test'),
    i = $testCollection.index($yourElement);

var $next = $testCollection.eq(i + 1);
var $prev = $testCollection.eq(i - 1);

Answer 2

您必须使用.eq()和.index()来实现您的目标。

尝试，

var xElements = $('.test');
var xNextElement = xElements.eq(xElements.index(currentItem) + 1);

如果您正在寻找下一个兄弟姐妹，请尝试

var xNextElement = currentItem.nextAll('.test').first();