jQuery closest()Методы

Примеры

Вернуть первого предка , который является элементом <ul>:

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

Метод closest() возвращает первого предка выбранного элемента.

Предок — это родитель, дедушка или бабушка, прадедушка или прабабушка и так далее.

DOM-дерево:Этот метод проходит вверх от текущего элемента до корневого элемента документа (<html>), чтобы найти первого предка DOM-элемента.

Этот метод аналогиченparents()..., оба перемещаются вверх по DOM-дереву; разница в следующем:

closest()

Начинается с текущего элемента
Проходит вверх по DOM-дереву и возвращает первого единственного предка, соответствующего переданному выражению
Возвращает объект jQuery, содержащий ноль или один элемент

parents()

Начинается с родительского элемента
Проходит вверх по DOM-дереву и возвращает всех предков, соответствующих переданному выражению
Возвращает объект jQuery, содержащий ноль, один или более элементов

Другие связанные методы:

Возвращает первого предка выбранного элемента:

$(selector).closest(filter)

Возвращает первого предка в дереве DOM, найденного с использованием контекста DOM:

$(selector).closest(filter,context)

Parameters	Описание
filter	Обязательный. Указывает выражение селектора, элемент или объект jQuery для сужения области поиска элементов-предков.
context	Необязательный. Элемент DOM, внутри которого можно найти соответствующие элементы.

Возвращает первого предка , который является элементом 
Поскольку этот метод начинается с текущего элемента, он ищет первый внутри и вернёт этот .

Передача элемента DOM в качестве контекста для поиска первого элемента-предка
Использование двух параметров для передачи элемента DOM в качестве контекста, чтобы найти первый элемент <ul>.

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