jquery只选择当前元素中的所有元素而不选择子元素

Question

我做了一些事情，比如选择元素的所有子元素，元素的所有父元素，第一个孩子等等。但这有点棘手。

我的结构与此类似：

<div class="body">
    <a href="something">Something</a>
    <small>
          <a href="something-else">Something-else</a>
    </small>
</div>

这个结构重复了很多次。

我需要选择仅在顶级<a>中找到的所有div.body元素，并忽略<a>元素中找到的所有<small>。

我该如何解决这个问题？

感谢。

Answer 1

只需使用child selector而不是descendant selector：

$('div.body > a');

Answer 2

父元素的child selector仅选择直接元素，因此：

$('div.body > a')

应该做的伎俩

Answer 3

使用子选择器：

$("div.body > a")

A > B表示：“B是A的直接孩子”，而< A B表示：“B是A的一个（不是严格的直接）孩子。