Metode parent dalam jQuery

Kita sebelumnya telah sedikit membahas metode parent, ketika mendiskusikan pseudokelas parent. Saya ingatkan bahwa metode parent dan selektor parent melakukan hal yang berbeda, yang pertama menemukan induk elemen, sedangkan yang kedua semua elemen yang tidak kosong (yang merupakan induk).

Dalam contoh berikut kita akan menemukan elemen #test, kemudian temukan induknya menggunakan parent dan berikan teks '!'. Mari kita asumsikan kita memiliki kode HTML berikut:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

Dan sekarang kita tuliskan metode parent dalam kode Javascript:

$('#test').parent().html('!');

Jangan lupa bahwa dalam metode ini Anda dapat meneruskan selektor, untuk penyaringan tambahan terhadap induk.

Temukan induk dari elemen dengan kelas www dan warnai dengan warna merah.

Temukan induk dari semua tag b dan buat mereka menjadi berwarna merah.

Temukan induk dari semua tag b, dan yang memiliki kelas test warnai dengan warna merah.