選擇第一個匹配在樹中使用jQuery

Question

同級的div中假設我有

<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> 

Click上的.y我需要選擇.z這是第一個下了訂單。 我應該寫後

$(this). ? 

哪裏this是div我點擊了。

Answer 1

使用jQuery的nextAll和first功能：

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

瞭解更多：

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

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

Answer 2

您可以使用如下所示的nextAll()方法。

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

Answer 3

的.next（）會從樹上向下選擇。關閉t（）將搜索最接近的祖先，請嘗試：

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