jQuery children()Метод

jQuery 遍历方法Методы обхода jQuery

Пример

Возвращает прямые дочерние элементы <ul>:

$(document).ready(function(){
$("ul").children().css({"color":"red","border":"2px solid red"});
});

Результат:

body (прадедушка)
div (прародитель)
    ul (родитель)
  • li (дочерний) span (внучатый)

Попробуйте сами »

Определение и использование

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

Дерево DOM:Этот метод проходит только на один уровень вниз по дереву DOM. Чтобы пройти на несколько уровней вниз (возвращая узлы-потомки или других потомков), используйте find()метод.

Совет:Чтобы пройти на один уровень вверх по дереву DOM или до самого корневого элемента документа (возвращая родительские узлы или других предков), используйтеparent()или parents()метод.

Примечание:Этот метод не возвращает текстовые узлы. Чтобы вернуть все дочерние узлы, включая текстовые узлы, используйтеcontents()метод.

Синтаксис

$(selector).children(filter)

Параметр Описание
filter Необязательно. Указывает выражение селектора, чтобы сузить поиск дочерних элементов.

实例

Другие примеры

Возвращает все прямые дочерние элементы <ul>
Как вернуть все прямые дочерние элементы элемента <ul>.

Сузить поиск
Как использовать параметр filter, чтобы вернуть все элементы <li> с именем класса "1" среди прямых дочерних элементов <ul>.

Вернуть все элементы <p> среди прямых дочерних элементов <div>
Как выбрать все элементы <p>, которые являются прямыми дочерними элементами <div>.

Продемонстрировать потомков элемента по имени тега
Продемонстрировать потомков элемента <div>.

jQuery 遍历方法Методы обхода jQuery

Другие расширения