jquery - 仅选择第一级元素，不选择具有相同元素名称的子元素

Question

我如何选择仅第一级 .block 而不是任何子级？

$('.block:not("这里的 child ")') <--

<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>

Answer 1

如果该示例标记有一个父元素，例如下面。如果不是，如果它是有效的 HTML，则父级将为 body。

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' });