Дочерние селекторы

("parent > child")1.0

Соответствует элементам, удовлетворяющим селектору child, которые при этом являются дочерними (т.е. находятся на первом уровне вложенности) для элементов, удовлетворяющих селектору parent. (В отличие от него, селектор (E F) позволяет искать элементы на всех уровнях вложенности).

Примеры использования:

$('div > span') вернет все span-элементы, которые лежат непосредственно внутри div-элементов.
$('div > .lBlock') вернет элементы с классом line, которые лежат непосредственно в элементах класса lBlock.

IE6 не поддерживает аналогичный css-селектор. Однако, в качестве jQuery-селектора он будет работать и в этом браузере.

В действии

Пример 1

Найдем бомбы в коробках (элементы класса bomb, лежащие внутри элементов класса box):

Замечание: в данном примере, div-элемент под номером 2 не был выделен, поскольку между элементами классов box и bomb есть промежуточный элемент с классом paper. Однако, если бы мы использовали нисходящий селектор $(".box .bomb"), то div-элемент под номером два был бы найден и обведен.

Пример 2

Найдем все дочерние элементы внутри второго ul-элемента, а внутри последнего ul-элемента найдем всех потомков вообще (с помощью нисходящего селектора):

Ссылки

Поисковые ключи:
  • дочерние селекторы