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

时间:2018-11-15 18:46:27

标签: javascript jquery html dom jquery-selectors

我正在尝试获取包含.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>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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

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