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