closest Metodu

closest metodu, metodun parametresi olarak belirtilen seçiciyi karşılayan en yakın ebeveyn elementi bulur. Bu metot, parent metoduna benzer. Arama şu şekilde yapılır: önce elementin doğrudan ebeveyni kontrol edilir, sonra büyük ebeveyn, onun ebeveyni ve bu şekilde kök elemente (yani html etiketi) kadar devam eder.

Sözdizimi

Seçici bir DOM elementi, ifade veya jQuery nesnesi olabilir. Arama, parametre olarak iletilen DOM elementinden başlar:

.closest(seçici);

İkinci parametre olarak bir DOM elementi de iletilerek aramanın bu element içinde yapılması sağlanabilir:

.closest(seçici, bağlam);

Örnek

#test kimliğine sahip element için www sınıfına sahip en yakın ebeveyni bulalım ve bu elementin başına '!' metniyle bir paragraf ekleyelim, sonuna da '?' metniyle bir paragraf ekleyelim:

<div>
	<div class="www">
		<div>
			<p id="test">text</p>
		</div>
	</div>
</div>

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

HTML kodu şu şekilde görünecektir:

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">text</p>
		</div>
		<p>?</p>
	</div>
</div>

Ayrıca Bakınız

elementin doğrudan ebeveynini elde etmeyi sağlayan parent metodu
elementin tüm ebeveynlerini elde etmeyi sağlayan parents metodu
elementin ebeveynlerini belirtilen ebeveyne kadar elde etmeyi sağlayan parentsUntil metodu
en yakın ebeveyn elementi elde etmeyi sağlayan JavaScript closest metodu