Метод 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,
который позволяет получить ближайший родительский элемент