Метод closest - получение ближайшего родителя по селектору
Метод closest находит
ближайший родительский элемент удовлетворяющий
заданному параметром метода селектору. Данный
метод подобен методу
parent.
Поиск ведется так: сначала проверяется непосредственный
родитель элемента, потом прародитель, прапрародитель
и так далее до корневого элемента (то есть до тега
html).
Синтаксис
Селектором может быть DOM элемент, выражение или объект jQuery. Поиск начинается с переданного в качестве параметра DOM элемента:
.closest(селектор);
Вторым параметром можно также передать DOM элемент, тогда поиск будет осуществляться в этом элементе:
.closest(селектор, контекст);
Пример
Давайте для элемента с #test найдем
ближайшего родителя с классом www
и в начало этого элемента вставим абзац с
текстом '!', а в конец - абзац с текстом
'?':
<div>
<div class="www">
<div>
<p id="test">text</p>
</div>
</div>
</div>
$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');
HTML код станет выглядеть так:
<div>
<div class="www">
<p>!</p>
<div>
<p id="test">text</p>
</div>
<p>?</p>
</div>
</div>
Смотрите также
-
метод
parent,
который позволяет получить непосредственного родителя элемента -
метод
parents,
который позволяет получить всех родителей элемента -
метод
parentsUntil,
который позволяет получить всех родителей элемента до указанного родителя -
JavaScript метод
closest,
который позволяет получить ближайший родительский элемент