Metode closest

Metode closest menemukan elemen induk terdekat yang memenuhi selektor yang ditentukan oleh parameter metode. Metode ini serupa dengan metode parent. Pencarian dilakukan sebagai berikut: pertama-tama diperiksa induk langsung elemen, lalu kakek-nenek, buyut dan seterusnya hingga elemen akar (yaitu hingga tag html).

Sintaks

Selektor dapat berupa elemen DOM, ekspresi, atau objek jQuery. Pencarian dimulai dari elemen DOM yang diteruskan sebagai parameter:

.closest(selektor);

Parameter kedua juga dapat meneruskan elemen DOM, maka pencarian akan dilakukan dalam elemen ini:

.closest(selektor, konteks);

Contoh

Mari kita cari untuk elemen dengan #test induk terdekat dengan kelas www dan di awal elemen ini sisipkan paragraf dengan teks '!', dan di akhir - paragraf dengan teks '?':

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

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

Kode HTML akan menjadi seperti ini:

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

Lihat juga

metode parent,
yang memungkinkan untuk mendapatkan induk langsung elemen
metode parents,
yang memungkinkan untuk mendapatkan semua induk elemen
metode parentsUntil,
yang memungkinkan untuk mendapatkan semua induk elemen hingga induk yang ditentukan
Metode JavaScript closest,
yang memungkinkan untuk mendapatkan elemen induk terdekat