jQuery 选择器来查找所有非嵌套的后代



我正在寻找jQuery slector,它将找到传递的jQuery对象的所有后代,这些后代未嵌套在任何适合相同选择器的元素中。请考虑以下 HTML:

<body>
    <div class="container" id="1">
        <div class="container" id="11"></div>
        <div class="container" id="12"></div>
    </div>
    <div class="container" id="2"></div>
    <div class="noncontainer">
        <div class="container" id="3">
            <div class="container" id="31"></div>
        </div>
    </div>
</body>

在此示例中$("body").find(".container magicSelector")应返回div 1、2 和 3。 $("#1").find(".container magicSelector")应返回div 11 和 12

编辑:我在这里为此编写了一个函数,但我认为选择器会更干净,更快。

第一种情况使用 not()

$("body").find(".container").not('.container .container');

对于第二次使用,选择器中的后代

$("body").find('.container .container');

最新更新