parent-metoden i jQuery

Vi har allerede sett litt på metoden parent, da vi diskuterte pseudoklassen parent. Jeg minner om at metoden parent og selektoren parent gjør forskjellige ting; den første finner forelderen til et element, mens den siste finner alle ikke-tomme elementer (som er foreldre).

I det følgende eksempelet skal vi finne elementet #test, deretter finne dets forelder ved hjelp av parent og sette teksten '!' til den. La oss si at vi har følgende HTML-kode:

<p>utenfor</p>
<div>
	<p>inni</p>
	<p>inni</p>
	<p id="test">inni</p>
	<p>inni</p>
	<p>inni</p>
</div>
<p>utenfor</p>

Og nå skriver vi metoden parent i Javascript-koden:

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

Ikke glem at du kan sende en selektor til denne metoden for å filtrere foreldrene ytterligere.

Finn forelderen til elementet med klassen www og farg den rød.

Finn foreldrene til alle b-taggene og gjør dem røde.

Finn foreldrene til alle b-taggene, og de som har klassen test, farg dem røde.