如何在jQuery中定位一个容器，该容器不是具有特定类的容器的子容器？

Question

我们说我有这个HTML：

<div>
    <div class="bar">
    </div>
</div>
<div class="foo">
    <div class="bar">
    </div>

我需要使用类别栏来定位容器，这不是具有类foo的容器的子容器，而只留下foo的子容器。由于我定位的实例是由第三方脚本创建的，因此我无法向其添加类的包装。

有没有用JavaScript / jQuery做到这一点？

Answer 1

您可以使用:not() / .not()

$('.bar:not(.foo .bar)')
$('.bar').not('.foo .bar')

演示：Fiddle