пример
Возвращение всех элементов предка между <span> и <div> :
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px
solid red"});
});
Результат:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Попробуй сам " Определение и использование
parentsUntil() метод возвращает все элементы предка между селектором и остановки.
Предком является родителем, дедушкой, пра-прародитель, и так далее.
DOM дерево: Этот метод обхода вверх от родительского элемента вдоль предков элементов DOM, вплоть до корневого элемента документа, пока он не достигнет определенного элемента.
Примечание: Если оба параметра пусты, этот метод будет возвращать все элементы предка ( такие же , как parents() метод).
Аналогичные методы:
- parent() - возвращает прямой родительский элемент выбранного элемента
- parents() - возвращает все элементы предка выбранного элемента
- closest() - возвращает первый предок выбранного элемента
Синтаксис
$(selector).parentsUntil( stop,filter )| параметр | Описание |
|---|---|
| stop | Необязательный. Выражение селектор, элемент или объект JQuery, указывающий, где, чтобы остановить поиск совпадающих элементов предков |
| filter | Необязательный. Задает выражение селектора, сужая поиск предков между селектором и остановки Примечание: Для того, чтобы вернуть несколько предков, отделить каждое выражение с запятой. |
Попробуйте сами - Примеры
Сужая поиск
Как использовать оба параметра для фильтрации поиска конкретного элемента между <span> и <div> .
Возвращение нескольких предков
Как вернуть несколько предков между <span> и <body> .
DOM
Возвращение всех предков между <span> и <div> с помощью DOM - элемента.
Использование DOM элемент и выражение селектор для фильтрации поиска
Использование DOM элемента , чтобы сузить результаты поиска предка для <ul> элементов между <span> и <div> .