选择第一个匹配在树中使用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");