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 вместо descendant селектор :

$('div.body > a');

Answer 2

дочерний селектор только выделение прямой элементы родительского элемента, поэтому:

$('div.body > a')

должны сделать трюк

Answer 3

Используйте дочерний селектор:

$("div.body > a")

A > B означает: «B является непосредственным потомком A», тогда какA B означает: `B является (не строго непосредственным) потомком A.