jQuery Traversing - Descendants
Потомок-это ребенок, внук, внучка, и так далее.
С помощью jQuery можно пройти вниз по дереву DOM, чтобы найти потомков элемента.
Обход дерева DOM
Два полезных метода jQuery для обхода дерева DOM:
- children()
- find()
Метод Children () JQuery
Метод Children () возвращает все прямые дочерние элементы выбранного элемента.
Этот метод пересекает только один уровень вниз по дереву DOM.
В следующем примере возвращаются все элементы, являющиеся прямыми потомками каждого элемента <div>:
Пример
$(document).ready(function(){
$("div").children();
});
Можно также использовать необязательный параметр для фильтрации поиска дочерних.
В следующем примере возвращаются все элементы < p > с именем класса "First", которые являются прямыми потомками <div>:
Пример
$(document).ready(function(){
$("div").children("p.first");
});
метод поиска jQuery ()
Метод Find () возвращает элементы-потомки выбранного элемента, вплоть до последнего потомка.
В следующем примере возвращаются все элементы <span>, являющиеся потомками <div>:
Пример
$(document).ready(function(){
$("div").find("span");
});
В следующем примере возвращаются все потомки <div>:
Пример
$(document).ready(function(){
$("div").find("*");
});
Справочник на обход jQuery
Для полного обзора всех методов обхода jQuery, пожалуйста, перейдите на наш справка на обход jQuery.