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 методу,
элементтин көрсөтүлгөн ата-энесине чейинки бардык ата-энелерин алууга мүмкүндүк берет
closest JavaScript методу,
жакынкы ата-эне элементин алууга мүмкүндүк берет