Детский метод jQuery ()
Пример
Возвратите элементы, которые являются прямыми дочерними элементами <ul>:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
Результат:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Определение и использование
Метод Children() возвращает всех прямых дочерних элементов выбранного элемента.
Дерево DOM: этот метод проходит только один уровень вниз по дереву DOM. Чтобы пройти несколько уровней вниз (чтобы вернуть внуков или других потомков), используйте метод find() .
Совет: Чтобы пройти на один уровень вверх по дереву DOM или до корневого элемента документа (чтобы вернуть родителей или других предков), используйте метод parent() или parent( ) .
Примечание. Этот метод не возвращает текстовые узлы. Чтобы вернуть все дочерние элементы, включая текстовые узлы, используйте методcontents() .
Синтаксис
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
Попробуйте сами — примеры
Как вернуть все прямые дочерние элементы элемента <ul>.
Как использовать параметр фильтра для возврата всех элементов <li> с именем класса "first", которые являются прямыми дочерними элементами <ul>.
Как выбрать все элементы <p>, которые являются прямыми дочерними элементами их родительского элемента <div>.
Демонстрация, показывающая, кто на самом деле является потомками элемента <div>.