Метод jQuery найти ()
Пример
Вернуть все элементы <span>, являющиеся потомками <ul>:
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
Результат:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Определение и использование
Метод find() возвращает элементы-потомки выбранного элемента.
Потомок — это ребенок, внук, правнук и так далее.
Дерево DOM: этот метод перемещается вниз по потомкам элементов DOM, вплоть до последнего потомка. Чтобы пройти только один уровень вниз по дереву DOM (чтобы вернуть прямых дочерних элементов), используйте метод children() .
Примечание. Параметр filter является обязательным для метода find(), в отличие от остальных методов обхода дерева.
Совет. Чтобы вернуть все элементы-потомки, используйте селектор «*».
Синтаксис
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Попробуйте сами — примеры
. Используйте селектор «*», чтобы вернуть все элементы, являющиеся потомками <html>.
Как вернуть все элементы <span>, которые являются потомками элемента <ul>.
. Как вернуть элементы-потомки с именем класса "first".
Как вернуть несколько элементов-потомков.
Как вернуть все элементы <span>, которые являются потомками элемента <ul> с объектом jQuery.
Демонстрация, показывающая, кто на самом деле является потомками элемента <div>.