jquery - 选择不低于给定元素的元素

Question

我正在努力使用 css 选择器。我需要一个 CSS 规则来返回除特定输入字段之外的所有输入字段。

这是一个 html 代码示例:

<div id="container">
    <div>
        <input name="apple">
        <div class="sub">
            <input name="banana">
            <input name="grapefruit">
        </div>
    </div>
</div>

口头规则是:

给我提供#container下面的所有输入字段，但不提供类名为“sub”的元素下面的输入字段。

html 代码是动态的，因此我不能依赖像 > 这样的简单子(monad)选择器。我已经摆弄了 :not() 选择器，但到目前为止还没有运气。

注意:我使用 jQuery 进行元素选择。

Answer 1

你应该看看这样的东西；

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

:not 选择器排除 sub 下面的输入元素。您还可以使用类似这样的内容，这可能会更清晰:

$('input').not($('.sub').find('*'));