仅选择与选择器匹配的父节点

Question

我正在尝试获取包含.export类的所有父节点，任何具有.export类的父节点的子节点都应从选择中跳过。

节点可以出现在树中的任何位置，但希望任何没有父节点的节点都具有相同的类。

具有以下HTML结构：

<div class="export"> <!-- Select this one -->
    <div class="export"> <!-- SKIP this one -->
        <!-- Content -->
    </div>
</div>
<div class="export"> <!-- Select this one -->
    <!-- Some more content -->
</div>

Answer 1

您可以使用jQuery .not()方法获得它们，例如：

console.log($(".export").not(".export .export").length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="export">
  <!-- Select this one -->
  <div class="export">
    <!-- SKIP this one -->
    <!-- Content -->
  </div>
</div>
<div class="export">
  <!-- Select this one -->
  <!-- Some more content -->
</div>

Answer 2

您可以使用:not()选择器进行查询，以跳过与选择器中的查询相匹配的内容。

$('.export:not(.export >)')