jQuery Find Next Occurrence in DOM by Classname [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.

Closed 9 years ago.

Improve this question

using jQuery I need to dynamically find the next occurrence of a given element in the DOM by its class name regardless of the DOM structure. This means the elements in question could be scattered at random within the DOM with no common parent element. Additional elements could be added to the DOM at any time post page load so I need to avoid getting a list of the elements on page load and iterating through that. Any ideas?

Answer 1

Use the current elements' index(), passing the collections' selector, and add 1 to get the next occurrence:

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

I had the same question a while back

Here's a fiddle

Answer 2

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


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

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

Answer 3

Try ,

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

Answer 4

You can use .nextAll() with :first this way:

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

where .cls is your class name of your dom elem.

Demo

Another Demo