jQuery parents()Методы

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

Пример

Возвращает всех предков элемента <span>:

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

Результат:

body (прапрадедушка)
div (прадедушка)
    ul (дедушка)
  • li (прямой родитель) span

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

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

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

Предками являются родитель, дедушка/бабушка, прадедушка/прабабушка и так далее.

Дерево DOM:Этот метод проходит по всем предкам элементов DOM вверх от родительского элемента по всем путям до корневого элемента документа (<html>).

Примечание:Если параметр фильтра пуст, этот метод выбирает всех предков набора элементов по всем путям от непосредственного родительского элемента вплоть до <body> и <html>. Поэтому передача выражения-селектора для сужения результатов поиска очень полезна.

Этот метод иclosest()оба проходят вверх по дереву DOM; разница в следующем:

parents()

  • Начинается с родительского элемента
  • Проходит вверх по дереву DOM и возвращает всех предков, соответствующих переданному выражению
  • Возвращает объект jQuery, содержащий ноль, один или более элементов

closest()

  • Начинается с текущего элемента
  • Проходит вверх по дереву DOM и возвращает первого предка, соответствующего переданному выражению
  • Возвращает объект jQuery, содержащий ноль или один элемент

Другие связанные методы:

  • parent()Возвращает непосредственный родительский элемент выбранного элемента
  • parentsUntil()Возвращает все элементы-предки между двумя заданными параметрами

Синтаксис

$(selector).parents(filter)

Параметр Описание
filter Необязательно. Задает выражение селектора для сужения области поиска элементов-предков.

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

实例

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

Сузить область поиска
Как использовать параметр filter для возврата элемента <ul> среди всех предков <span>.

Вернуть несколько предков
Как использовать параметр filter для возврата элементов <li> и <div> среди всех предков <span>.

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

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

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