пример
Возврат всех <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() метод.
Примечание: Параметр фильтра необходим для find() метод, в отличие от остальных методов обхода дерева каталогов.
Совет: Для того, чтобы вернуть все элементы потомков, используйте "*" селектор.
Синтаксис
$(selector).find( filter )| параметр | Описание |
|---|---|
| filter | Необходимые. Выражение селектор, элемент или объект Jquery для фильтрации поиска потомков Примечание: Для того, чтобы вернуть несколько потомков, отделить каждое выражение с запятой. |
Попробуйте сами - Примеры
Возвращение все дочерние элементы <html>
Использование "*" селектор , чтобы вернуть все элементы , которые являются потомками <html> .
Возврат всех <span> элементы , которые являются потомками <ul>
Как вернуть все <span> элементы , которые являются потомками <ul> элемента.
Выбирайте только потомки с заданным именем класса
Как вернуть узелов с именем класса "first" .
Возвращение нескольких потомков
Как вернуть несколько элементов потомков.
Фильтр поиска потомок с коллекцией Jquery всех <ul> элементы
Как вернуть все <span> элементы , которые являются потомками <ul> элемента с объектом JQuery.
Покажите потомков элемента по именам тегов
Демонстрация , которая показывает , кто потомки <div> элемент на самом деле.