Метод jQuery parentUntil()
Пример
Вернуть все элементы-предки между <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
Определение и использование
Метод parentUntil() возвращает все элементы-предки между селектором и остановкой .
Предок — это родитель, дедушка и бабушка, прадедушка и так далее.
Дерево DOM: этот метод перемещается вверх от родительского элемента вдоль предков элементов DOM, вплоть до корневого элемента документа, пока не достигнет определенного элемента.
Примечание. Если оба параметра пусты, этот метод вернет все элементы-предки (так же, как метод parent() ).
Связанные методы:
- parent() - возвращает прямой родительский элемент выбранного элемента
- parent() — возвращает все элементы-предки выбранного элемента
- ближайший () - возвращает первого предка выбранного элемента
Синтаксис
$(selector).parentsUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
Попробуйте сами — примеры
Как использовать оба параметра для фильтрации поиска определенного элемента между <span> и <div>.
Как вернуть несколько предков между <span> и <body>.
Возвращает всех предков между <span> и <div> с помощью элемента DOM.
Использование элемента DOM для сужения поиска предков для элементов <ul> между <span> и <div>.