如何在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')

演示:小提琴