Метод jQuery ближайший()
Пример
Вернуть первого предка <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
Определение и использование
Метод ближайший() возвращает первого предка выбранного элемента.
Предок — это родитель, дедушка и бабушка, прадедушка и так далее.
Дерево DOM: этот метод перемещается вверх от текущего элемента до корневого элемента документа (<html>), чтобы найти первого предка элементов DOM.
Этот метод похож на parent() тем, что они оба проходят вверх по дереву DOM. Различия заключаются в следующем:
ближайший()
- Начинается с текущего элемента
- Путешествует вверх по дереву DOM и возвращает первого (единственного) предка, который соответствует переданному выражению.
- Возвращенный объект jQuery содержит ноль или один элемент
родители()
- Начинается с родительского элемента
- Путешествует вверх по дереву DOM и возвращает всех предков, соответствующих переданному выражению.
- Возвращенный объект jQuery содержит ноль или более одного элемента.
Другие связанные методы:
- parent() - возвращает прямой родительский элемент выбранного элемента
- parentUntil() — возвращает все элементы-предки между двумя заданными аргументами .
Синтаксис
Вернуть первого предка выбранного элемента:
$(selector).closest(filter)
Верните первого предка, используя контекст DOM, чтобы найти дерево DOM внутри:
$(selector).closest(filter,context)
| Parameter | Description |
|---|---|
| filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
| context | Optional. A DOM element within which a matching element may be found |
Попробуйте сами - примеры
Поскольку этот метод начинается с текущего элемента, поиск первого <span> <span> вернет <span>.
Использование обоих параметров для передачи элемента DOM в качестве контекста для поиска первого элемента <ul>.