Kaedah parent dalam jQuery

Kita telah sedikit membincangkan kaedah parent, apabila kita membincangkan pseudokelas parent. Ingatkan, kaedah parent dan pemilih parent melakukan perkara yang berbeza, yang pertama mencari elemen induk untuk sesuatu elemen, manakala yang kedua mencari semua elemen yang tidak kosong (yang merupakan induk).

Dalam contoh berikut, kita akan mencari elemen #test, kemudian cari induknya menggunakan parent dan tetapkan teksnya kepada '!'. Katakan kita mempunyai kod 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 tulis kaedah parent dalam kod Javascript:

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

Jangan lupa bahawa kaedah ini boleh menerima pemilih, untuk penapisan tambahan ke atas elemen induk.

Cari induk bagi elemen dengan kelas www dan warnakannya dengan warna merah.

Cari semua induk bagi tag b dan jadikan mereka berwarna merah.

Cari semua induk bagi tag b, dan yang mempunyai kelas test warnakan dengan warna merah.