jQuery按类名查找DOM中的下一个事件

Question

使用jQuery我需要通过类名动态查找DOM中给定元素的下一个匹配项，而不管DOM结构如何。这意味着有问题的元素可以在DOM中随机分散，没有共同的父元素。可以在页面加载后的任何时候将其他元素添加到DOM中，因此我需要避免在页面加载时获取元素列表并迭代它。有什么想法吗？

Answer 1

var givenElement =$('.myClass').eq(0);


//Next Occ
givenElement.next('.myClass')

DEMO： http://jsfiddle.net/abdennour/Q9835/3/

Answer 2

使用当前元素“index()，传递集合的选择器，并添加1以获取下一个匹配项：

var index = $('div.example:first').index('div.example') + 1;
var $next = $('div.example').eq(index);

我有一段时间 question

Here's a fiddle

Answer 3

尝试，

console.log($("body").find(".yourclassname"));

Answer 4

您可以.nextAll()使用:first这样：

$('.cls').nextAll('.cls:first')

其中.cls是您的dom elem的类名。

Demo

Another Demo