Comment obtenir un élément avec classe après celui en cours dans JQuery?

Question

Voici l'exemple de code html:

<div id="current_element">Current element</div> 
Many unknown tags... 
<div class="target">This is target element</div> 
Many other tags... 

Remarque Cet élément cible et élément courant ne peut pas sous le même parent, je ne peux pas le trouver avec .nextAll («cible »), non?

Y a-t-il un simple façon de le trouver? Merci!

Answer 1

Vous HTML dans le commentaire est différent de celui de la question

<div id="area1"> 
    <div id="current_element">Current</div> 
</div> 
<div id="area2"> 
    <div class="target">Target</div> 
</div> 

Ce que je voudrais faire est de les envelopper avec un div:

<div id="mainparent"> 
    <div id="area1"> 
    <div id="current_element">Current</div> 
    </div> 
    <div id="area2"> 
    <div class="target">Target</div> 
    </div> 
<div> 

Puis je revenir en arrière et trouver le autre enfant:

//this = .current_element 
var $target = $(this).closest("#mainparent").find(".target"); 

J'espère que cela aide!

Answer 2

Depuis elemenets sont retournés dans l'ordre du document, vous pouvez utiliser .index() pour trouver la suivante dans un ensemble contenant à la fois, comme ceci:

var ce = $("#current_element"), all = $("#current_element, .target"); 
var target = all.eq(all.index(ce)+1); 

You can test it out here.