Metoden parent i jQuery

Vi har allerede kort gennemgået metoden parent, da vi diskuterede pseudoklassen parent. Jeg minder om, at metoden parent og selektoren parent gør forskellige ting, den første finder forælderen til et element, mens den anden finder alle ikke-tomme elementer (som er forældre).

I det næste eksempel finder vi elementet #test, finder derefter dets forælder ved hjælp af parent og sætter dens tekst til '!'. Lad os antage, at vi har følgende HTML-kode:

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

Og nu anvender vi metoden parent i Javascript-koden:

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

Glem ikke, at du kan give en selector til denne metode for yderligere filtrering af forældre.

Find forælderen til elementet med klassen www og farv den rød.

Find forældrene til alle b-tags og gør dem røde.

Find forældrene til alle b-tags, og farv dem, som har klassen test, røde.