Metode parent

Metode parent mendapatkan induk langsung dari elemen.

Sintaks

Mendapatkan induk langsung untuk elemen:

.parent();

Anda juga dapat memilih induk langsung, hanya jika memenuhi selektor yang ditentukan:

.parent(selektor);

Contoh

Mari kita temukan elemen #test kemudian temukan induknya menggunakan parent dan berikan teks '!' menggunakan html:

<p>di luar</p>
<div>
	<p>di dalam</p>
	<p>di dalam</p>
	<p id="test">di dalam</p>
	<p>di dalam</p>
	<p>di dalam</p>
</div>
<p>di luar</p>

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

Kode HTML akan terlihat seperti ini:

<p>di luar</p>
<div>
	!
</div>
<p>di luar</p>

Contoh

Mari kita temukan elemen #test kemudian temukan induknya menggunakan parent dan, jika induk ini adalah div dengan kelas www, maka berikan teks '!' menggunakan html:

<p>di luar</p>
<div class="www">
	<p>di dalam</p>
	<p>di dalam</p>
	<p id="test">di dalam</p>
	<p>di dalam</p>
	<p>di dalam</p>
</div>
<p>di luar</p>

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

Kode HTML akan terlihat seperti ini:

<p>di luar</p>
<div class="www">
	!
</div>
<p>di luar</p>

Lihat juga

metode parents,
yang memungkinkan untuk mendapatkan semua induk elemen
metode closest,
yang memungkinkan untuk mendapatkan elemen induk terdekat yang memenuhi selektor
metode parentsUntil,
yang memungkinkan untuk mendapatkan semua induk elemen hingga induk yang ditentukan
metode children,
yang memungkinkan untuk mendapatkan elemen turunan dari elemen
metode contents,
yang memungkinkan untuk mendapatkan elemen turunan dari elemen dan teks di dalam elemen tersebut