jQuery 只获取顶级元素

Question

我只需要从树中获取第一个匹配的元素(如果找到元素则无需深入)。问题是这个元素可以包装到嵌套的 div 中，所以我不能使用 > 选择器。
我的代码是这样的:

<div id="root">
    <div class="sub">I need this element</div>
    <div>
        <div class="sub">I need this element</div>
    </div>
    <div class="sub">
        <div class="sub">I don't need this element</div>
    </div>
</div>

找不到解决方案:(

Answer 1

如果您无法使用子选择器，请尝试

$('.sub:not(.sub .sub)')

这仅选择那些不是其他 .sub 元素后代的 .sub 元素。

或者:

$('#root .sub').filter(function() {
    return $(this).parentsUntil('#root', '.sub').length === 0;
});

如果 #root 位于 .sub 内，该方法也有效。

编辑:或者查看@RightSaidFred对此案例的评论。