Closest әдісі

closest әдісі әдіс параметрімен берілген селекторды қанағаттандыратын ең жақын ата-ана элементін табады. Бұл әдіс parent әдісіне ұқсас. Іздеу келесідей жүреді: алдымен элементтің тікелей ата-анасы тексеріледі, содан кейін үлкен ата-анасы, одан әрі үлкен ата-анасы және т.с.с. түбірлік элементке дейін (яғни html тегіне дейін).

Синтаксис

Селектор DOM элемент, өрнек немесе jQuery нысаны болуы мүмкін. Іздеу параметр ретінде берілген DOM элементінен басталады:

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

Екінші параметр ретінде сондай-ақ DOM элемент беруге болады, сонда іздеу сол элемент ішінде жүзеге асырылады:

.closest(селектор, контекст);

Мысал

#test элементі үшін www сыныбы бар ең жақын ата-ананы тауып, сол элементтің басына '!' мәтіні бар абзацты қосайық, ал соңына - '?' мәтіні бар абзацты қосайық:

<div>
	<div class="www">
		<div>
			<p id="test">мәтін</p>
		</div>
	</div>
</div>

$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

HTML коды келесідей болады:

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">мәтін</p>
		</div>
		<p>?</p>
	</div>
</div>

Сондай-ақ қараңыз

parent әдісі,
ол элементтің тікелей ата-анасын алуға мүмкіндік береді
parents әдісі,
ол элементтің барлық ата-аналарын алуға мүмкіндік береді
parentsUntil әдісі,
ол элементтің көрсетілген ата-анасына дейінгі барлық ата-аналарын алуға мүмкіндік береді
JavaScript әдісі closest,
ол ең жақын ата-ана элементін алуға мүмкіндік береді