jquery - 进行查询，但忽略给定元素的子元素，即使它们匹配

Question

我有这个html:

<div id="container1">

    <div id="container3">
        <div class="item"></div>
        <div class="item2"></div>
    </div>

    <div class="item"></div>
    <div class="item2"></div>

    <div id="container2">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item2"></div>
    </div>

<div>

使用 jQuery，是否有一种(简单)方法可以使用 .item 搜索 div，但屏蔽 #container2 内的所有结果？

理想情况下，我想要类似 $(#container1).mask('container2').find('.item') 的东西，即可以与任何其他查询一起使用的透明解决方案，而不知道您正在使用它。例如:

// where queryExcludingContainer2 could be `$(#container1).mask('container2')` if the `mask` function existed
queryExcludingContainer2.find('.item')
queryExcludingContainer2.find('.item2')

有这样的“屏蔽”功能吗？

Answer 1

你的意思是这样的吗？

jsFiddle example

$('div').not('#container2').children('.item')

欲了解更多信息: jQuery API Documentation not()