jQuery find()Метод

jQuery 遍历方法Методы обхода jQuery

Примеры

Вернуть все элементы <span>, которые являются потомками <ul>:

$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});

Результат:

body (прадедушка)
div (прародитель)
    ul (родитель)
  • li (дочерний) span (внучатый)

Попробуйте сами »

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

Метод find() возвращает элементы-потомки выбранных элементов.

Потомок — это дочерний элемент, внук, правнук и так далее.

Дерево DOM:Этот метод проходит вниз по потомкам элементов DOM, вплоть до последнего потомка (<html>). Если вам нужно пройти только на один уровень вниз по дереву DOM (возвращая прямые дочерние элементы), используйте children()метод.

Примечание:filterПараметр является обязательным в методе find(), в отличие от других методов обхода дерева.

Совет:Чтобы вернуть все элементы-потомки, используйте селектор "*".

Синтаксис

$(selector).find(filter)

Параметр Описание
filter Обязательный. Селекторное выражение, элемент или объект jQuery, который фильтрует поиск потомков.

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

实例

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

Вернуть все элементы-потомки <html>
Используйте селектор "*", чтобы вернуть все элементы-потомки <html>.

Вернуть все элементы <span> в потомках <ul>
Как вернуть все элементы <span>, которые являются потомками <ul>.

Выбрать только потомков с заданным именем класса
Как вернуть элементы-потомки с именем класса "1".

Вернуть несколько потомков
Как вернуть несколько элементов-потомков.

Отфильтровать поиск потомков через коллекцию jQuery всех элементов <ul>
Как вернуть все элементы <span> среди потомков элементов <ul> через объект jQuery.

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

jQuery 遍历方法Методы обхода jQuery

Другие расширения