Kaedah closest

Kaedah closest mencari elemen induk terdekat yang memenuhi pemilih yang ditentukan oleh parameter kaedah. Kaedah ini serupa dengan kaedah parent. Carian dijalankan seperti berikut: mula-mula diperiksa elemen induk langsung, kemudian datuk, moyang dan seterusnya sehingga elemen akar (iaitu sehingga tag html).

Sintaks

Pemilih boleh berupa elemen DOM, ungkapan atau objek jQuery. Carian bermula dari elemen DOM yang diluluskan sebagai parameter:

.closest(pemilih);

Parameter kedua juga boleh menghantar elemen DOM, maka carian akan dilakukan dalam elemen tersebut:

.closest(pemilih, konteks);

Contoh

Mari untuk elemen dengan #test cari elemen induk terdekat dengan kelas www dan pada permulaan elemen ini masukkan perenggan dengan teks '!', dan pada akhir - perenggan dengan teks '?':

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

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

Kod HTML akan kelihatan seperti ini:

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

Lihat juga

kaedah parent,
yang membenarkan untuk mendapatkan elemen induk langsung
kaedah parents,
yang membenarkan untuk mendapatkan semua elemen induk elemen
kaedah parentsUntil,
yang membenarkan untuk mendapatkan semua elemen induk elemen sehingga elemen induk yang ditentukan
Kaedah JavaScript closest,
yang membenarkan untuk mendapatkan elemen induk terdekat