Finden Sie das nächste Element, das nicht unmittelbar ist?

Question

Ich mag das erste Wegstück Element nach Klasse Zählern zu finden, wie dies in Code etwas:

<div class="counter"></div> 
<p></p> 
<span></span> 

Es scheint, wie die nächste() Funktion nur das unmittelbare nächste Element findet, so etwas wie diese:

$(".counter").next("span") 

Funktioniert nicht. Die Art, wie ich verwendet habe etwas langatmig ist und ich frage mich, ob es ein kürzerer Weg war, ist es das:

$(".counter").nextAll("span").eq(0) 

Ich denke, die closest() Methode in jQuery 3 wird es tun, aber ich bin mit 1.2 .6 - Gibt es einen besseren Weg, dies zu tun (verwende ich nur next() falsch?)

Answer 1

Ich denke, Ihre Methode ist der beste Weg. Und wenn Sie das Gefühl, es sieht nicht gut aus nur machen es zu einem Plugin:

jQuery.fn.firstAfter = function(filter){ 
return this.nextAll(filter).eq(0); 
} 

Answer 2

Ich bin mir nicht sicher, dass die nächste Methode den Trick tun wird, aber wenn ja ... vielleicht können Sie die extrahieren nächste Methode aus 1.3 und verwandelte es in ein Plugin?

Ich hatte keine Chance, dies zu versuchen, aber geben Sie es eine Chance. Es kann nicht schaden:

(function($) { 
    $.fn.closest = function (selector) { 
    return this.map(function(){ 
     var cur = this; 
     while (cur && cur.ownerDocument) { 
     if ($(cur).is(selector)) 
      return cur; 
     cur = cur.parentNode; 
     } 
    }); 
    } 
})(jQuery); 

Answer 3

Ich denke, die siblings() Funktion ist das, was Sie suchen. Probieren Sie etwas wie folgt aus:

$(".counter").siblings("span"); 

Answer 4

so etwas wie dieses versuchen:

$(".counter ~ span:first"); 

Hoffnung, das hilft!

Answer 5

$ („counter + Spanne.“)

Answer 6

Ähnlich wie die deutliche Antwort, aber sieht ein wenig sauberer mit der: erste Auswahl:

$('.counter').nextAll('span:first')