De parent methode in jQuery

We hebben de parent methode al een beetje besproken, toen we de pseudoklasse parent bespraken. Ik herinner u eraan dat de methode parent en de selector parent verschillende dingen doen, de eerste vindt de ouder van het element, en de tweede alle niet-lege elementen (die ouders zijn).

In het volgende voorbeeld vinden we het element #test, vinden dan zijn ouder met behulp van parent en geven deze de tekst '!'. Stel dat we de volgende HTML code hebben:

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

En nu schrijven we de methode parent in de Javascript code:

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

Vergeet niet dat u aan deze methode een selector kunt doorgeven, voor aanvullende filtering van de ouders.

Vind de ouder van het element met de klasse www en kleur deze rood.

Vind de ouders van alle b tags en maak ze rood.

Vind de ouders van alle b tags, en kleur degenen die de klasse test hebben rood.