jQuery parentsUntil()Метод

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

Пример

Возвращает все элементы-предки между <span> и <div>:

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

Результат:

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

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

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

Метод parentsUntil() возвращает междуselectorиstopвсе элементы-предки между ними.

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

Дерево DOM:Этот метод проходит по предкам элементов DOM вверх от родительского элемента, по всем путям до корневого элемента документа, пока не достигнет указанного элемента.

Примечание:Если оба параметра пусты, этот метод вернёт все элементы-предки (то же, что и метод parents()).

Связанные методы:

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

Синтаксис

$(selector).parentsUntil(stop,filter)

Параметр Описание
stop Необязательно. Селекторное выражение, элемент или объект jQuery, указывающий, где остановить поиск совпадающих элементов-предков.
filter Необязательно. Задаёт селекторное выражение, которое сужает поиск междуselectorиstopдиапазоном элементов-предков между ними.

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

实例

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

Сузить диапазон поиска
Как использовать два параметра для фильтрации поиска указанных элементов между <span> и <div>.

Вернуть несколько элементов-предков
Как вернуть несколько элементов-предков между <span> и <body>.

DOM
Используйте DOM-элементы, чтобы вернуть все элементы-предки между <span> и <div>.

Используйте DOM-элементы и селекторные выражения для фильтрации поиска
Используйте DOM-элементы, чтобы сузить поиск элементов-предков <ul> между <span> и <div>.

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

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