Metoda parent v jQuery

Z metodo parent smo se že malo seznanili, ko smo razpravljali o psevdorazredu parent. Spomnim se, da metoda parent in selektor parent delujeta drugače: prva najde starša elementa, druga pa vse neprazne elemente (ki so starši).

V naslednjem primeru bomo našli element #test, nato pa bomo z parent našli njegovega starša in mu nastavili besedilo '!'. Naj imamo naslednjo HTML kodo:

<p>zunaj</p>
<div>
	<p>znotraj</p>
	<p>znotraj</p>
	<p id="test">znotraj</p>
	<p>znotraj</p>
	<p>znotraj</p>
</div>
<p>zunaj</p>

In zdaj uporabimo metodo parent v Javascript kodi:

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

Ne pozabite, da lahko tej metodi podate selektor za dodatno filtriranje staršev.

Poiščite starša elementa z razredom www in ga obarvajte rdeče.

Poiščite starše vseh oznak b in jih obarvajte rdeče.

Poiščite starše vseh oznak b in tiste, ki imajo razred test, obarvajte rdeče.