使用jQuery在兄弟div中选择第一个匹配树

Question

假设我有

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

点击.y我需要选择.z，这是订单中的第一个。 我应该在

之后写些什么

$(this). ?

this是我点击的div。

Answer 1

您可以使用以下nextAll()方法。

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

Answer 2

使用jQuery的nextAll和first函数：

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

了解详情：

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

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

Answer 3

.next（）将从树中向下选择，.closest（）将搜索最近的祖先，尝试：

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