Метод .closest() находит ближайший родительский элемент удовлетворяющий заданному параметром метода селектору.

Поиск ведется так: сначала проверяется непосредственный родитель элемента, потом прародитель, прапрародитель и так далее до корневого элемента (то есть до тега html).

См. также метод parent, который позволяет получить непосредственного родителя элемента.

См. также метод parents, который позволяет получить всех родителей элемента.

См. также урок основы работы с jQuery для более полного понимания.

Синтаксис

.closest(селектор)

Примеры

Пример

Давайте для элемента с #test найдем ближайшего родителя с классом .www и в начало этого элемента вставим абзац с текстом '!', а в конец - абзац с текстом '?':

<div>
	<div class="www">
		<div>
			<p id="test">абзац</p>
		</div>
	</div>
</div>
$('#test').closest('.www').append('<p>!</p>').prepend('<p>?</p>');

Результат выполнения кода:

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">абзац</p>
		</div>
		<p>?</p>
	</div>
</div>