Wählen Sie das erste passende

Question

den Baum unter Geschwister divs mit jQuery nach unten

Ich habe

Angenommen

<div class="x"> 
    <div class="y"></div> 
    <div class="y"></div> 
    <div class="y"></div> 
    <div class="y"></div> 
    <div class="y"></div> 
    <div class="y"></div> 
    <div class="z"></div> 
    <div class="y"></div> 
    <div class="y"></div> 
    <div class="y"></div> 
    <div class="z"></div> 
</div> 

Bei dem Klicken von .y muss ich .z auszuwählen, die eine nach unten der Reihenfolge erste. Was soll ich schreiben, nachdem

$(this). ? 

Wo this ist die div ich geklickt haben.

Answer 1

Verwenden jQuery nextAll und first Funktionen:

var z = $(this).nextAll('.z').first(); 

Weitere Informationen:

https://api.jquery.com/nextAll/

https://api.jquery.com/first/

Answer 2

Sie können nextAll() Methode wie folgt verwenden.

$(this).nextAll('.z:first') 

Answer 3

.next() wird aus dem Baum auswählen nach unten. schließt t() sucht nach den nächsten Vorfahren, versuchen Sie:

$(this).next("div.z");