jquery - Jquery：选择不仅具有相同类名的子元素的元素吗？

Question

如何制作一个 jQuery 选择器来选择类名为“foo”的所有元素，除了那些只有类名为“bar”的子元素的元素。

<!-- Don't select this -->
<div class="foo">
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
</div>

<!-- Don't select this -->
<div class="foo">
    <div class="bar"><p>Some text</p></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"><p>Some text</p></div>
    <div class="bar"></div>
</div>


<!-- Select this -->
<div class="foo">
    <p>Some text</p>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
</div>

<!-- Select this -->
<div class="foo">
    <p>Some text</p>
</div>

Answer 1

像这样的东西？

$('.foo > :not(.bar)').closest('.foo');

演示

从 all 开始.foo，找到除了那些有bar类的直接孩子，然后恢复到.foo.