Methode parent

De methode parent verkrijgt de directe ouder van een element.

Syntaxis

Het verkrijgen van de directe ouder voor elementen:

.parent();

Je kunt ook de directe ouder selecteren, alleen als deze voldoet aan de opgegeven selector:

.parent(selector);

Voorbeeld

Laten we het element #test vinden en dan zijn ouder vinden met behulp van parent en er de tekst '!' in plaatsen met behulp van html:

<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>

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

De HTML-code ziet er dan als volgt uit:

<p>outside</p>
<div>
	!
</div>
<p>outside</p>

Voorbeeld

Laten we het element #test vinden en dan zijn ouder vinden met behulp van parent en, als deze ouder een div is met de klasse www, er dan de tekst '!' in plaatsen met behulp van html:

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

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

De HTML-code ziet er dan als volgt uit:

<p>outside</p>
<div class="www">
	!
</div>
<p>outside</p>

Zie ook

methode parents,
die het mogelijk maakt om alle ouders van een element te verkrijgen
methode closest,
die het mogelijk maakt om het dichtstbijzijnde ouderlijke element te verkrijgen dat voldoet aan de selector
methode parentsUntil,
die het mogelijk maakt om alle ouders van een element te verkrijgen tot aan de opgegeven ouder
methode children,
die het mogelijk maakt om de afstammelingen van een element te verkrijgen
methode contents,
die het mogelijk maakt om de afstammelingen van een element en de tekst binnen dat element te verkrijgen