jQuery метод children()

Методы遍ения jQuery

Метод children() возвращает все прямые подэлементы выбранного элемента.

Внимание: Метод children() только проникает на один уровень DOM-дерева. Чтобы проникнуть на несколько уровней, используйтеfind()методу.

Метод children() ähneltcontents()Метод, различие заключается в том, что он не возвращает узлы текста и комментариев.

Грамматика:

$(selector).children(selectorExpression)

Пример

Возврат элемента является прямым подэлементом DIV:

$("document").ready(function(){
　　$("div").children().css("background-color", "coral");
});

Возврат всех прямых подэлементов DIV:

$("document").ready(function(){
　　$("div").children("p").css("background-color", "coral");
});

Возврат всех подэлементов нажатого элемента:

$("#container").click(function(event){
　　$("*").removeClass("hilite");
　　let kids = $(event.target).children();
　　let len = kids.addClass("hilite").length;
　
　　$("#results span:first").text(len);
　　$("#results span:last").text(event.target.tagName);
　
　　event.preventDefault();
});

Метод children() только вниз по дереву DOM. В следующем примере возвращаются элементы div id="box", которые являются прямыми детьми div id="box":

Значение параметра

Методы遍ения jQuery