javascript - jQuery 仅选择未嵌套在类似元素中的元素

Question

假设如下:

<div class="a"> <!-- select -->
  <div class="b">
    <div class="a"> <!-- skip -->
    </div>
  </div>
</div>

<div class="b">
   <div class="a"> <!-- select -->
     <div class="b">
        <div class="a"> <!-- skip -->

        </div>
     </div>
   </div>
</div>

<div class="a"> <!-- select -->

</div>

如何只选择最外面的 $('.a') 元素？

编辑:有帮助的 JSFiddle ，在本例中，只应选择“a”，而不是“a!”。

Answer 1

这就是过滤器方法派上用场的地方:

$('.a').not('.a .a');

这排除了嵌套在另一个 .a 中的任何 .a，因此您只能获取最外面的元素，无论最外面的元素本身是否嵌套在其他元素中。