javascript - 使用 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

使用 jQuery 的 nextAll 和 first 函数:

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

了解更多:

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

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