Часто возникает необходимость в дополнительной детализации результирующего набора с целью нахождения непосредственных потомков (дочерних элементов) для каждого из элементов предварительно найденного набора. Эта задача решается с помощью метода .children(), принимающего один необязательный параметр: селектор, которому должны соответствовать дочерние элементы.

 
Чтобы выбрать все абзацы, а затем изменить принцип отбора так, чтобы в результирующий набор попали только дочерние элементы абзацев, выполните следующую команду:
$("P").children();

В консоли отобразится такой результат.
______________________________

>>> $("P").children()
[span, span.foo]

______________________________

Если необходимо уточнить, какие именно дочерние элементы должны отбираться, можно передать методу . children () необязательный селектор. Чтобы выбрать все абзацы, а затем найти среди них все дочерние элементы, имеющие класс f оо, выполните следующую команду:
$("p").children(".foo");

В консоли отобразится такой результат.

______________________________

>>> $("p").children(".foo")
[span.foo]

______________________________