jquery – 仅选择第一级元素,而不选择具有相同元素名称的子元素

我如何只选择第一级.block而不选择任何一个孩子？

$(‘.block：not(“这里的孩子”)’)< -

<div class="block"> <!-- this -->
  <div class="block"> <!-- not this -->
    <div class="block"> <!-- not this -->

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

<div class="block"> <!-- and this -->
  <div class="block"> <!-- not this -->
    <div class="block"> <!-- not this -->

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

解决方法

如果该样本标记具有父元素,例如下面.如果不是,如果父HTML是有效的HTML,则它将是正文.

HTML

<div id="parent">
<div class="block">
  <div class="block">
    <div class="block">

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

jQuery的

$('#parent > .block').css({ border: '1px solid red' });