Javascript 获取具有相同类的下一个元素，而不考虑其在DOM中的位置

使用jQuery，如果我在HTML页面中有类

test

的元素，没有定义结构来指示它们可能被找到的位置，如果我有一个名为

currentItem

的变量，其中包含

这是一个测试。

，它位于页面的中间，那么，如何使用DOM中出现的

test

类找到下一个元素呢？

您可以使用jQuery

.index（）

和

.eq（）

方法：

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

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

---

您可以使用jQuery

.index（）

和

.eq（）

方法：

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

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

你必须使用

.eq（）

和

.index（）

来实现你想要的

试试看

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

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

你必须使用

.eq（）

和

.index（）

来实现你想要的

试试看

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

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