Latest web development tutorials

метод JQuery детей ()

Методы обхода Jquery Методы обхода 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)

Попробуйте »

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

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

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

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

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


грамматика

$(selector).children( filter )

参数 描述
filter 可选。规定缩小搜索子元素范围的选择器表达式。


примеров

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

Назад <UL> Все непосредственные дочерние элементы
Как возвратить элемент <UL> всех прямых элементов ребенка.

Вы можете сузить поиск
Как использовать параметр фильтра для возврата <UL> прямой дочерний элемент с именем класса "1" для всех <li> элементы.

Назад <DIV> прямые дочерние элементы всех <p> элементов
Как выбрать элементы <div> прямой потомок всех элементов <p>.

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


Методы обхода Jquery Методы обхода Jquery