jQuery Прогон - Потомки

С помощью jQuery можно легко пронести DOM-дерево для поиска элементов потомков.

потомки - это дети, внуки, правнуки и т.д.

В этой главе мы объясним, как пронести DOM-дерево.

Прогон DOM-дерева

У нас есть следующие методы jQuery, которые используются для遍ения DOM-дерева:

• children()

• find()

Ниже мы покажем, как использовать каждый из методов.

Метод jQuery children()

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

Этот метод работает только для прогона по одному уровню DOM-дерева.

Ниже приведен пример, который возвращает прямых потомков DIV:

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

Вы также можете использовать опциональные параметры для фильтрации поиска подэлементов.

Пример, который возвращает все элементы <p> прямых потомков DIV:

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

Метод find() jQuery

jQuery find()Метод возвращает все элементы потомков, соответствующие заданным параметрам.

Этот метод обходит элементы DOM по их потомкам, спускаясь до последнего потомка.

Начните с всех абзацев и ищите элементы span в потомках, например, $("p span"):

$("document").ready(function(){
　　$("p").find("span").css("background",　"mediumpurple");
});

Чтобы вернуть多个 потомков, разделите имена селекторов запятыми.

Ниже приведен пример, который возвращает все <span> и <i> элементы, являющиеся потомками элемента <p>:

$("document").ready(function(){
　　$("p").find("span,　i").css("background",　"mediumpurple");
});

Референтное руководство по遍ению jQuery

Для получения полной информации о методах遍ения посетите нашРеферентное руководство по遍ению jQuery.