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