Metóda parent v jQuery

Už sme sa stručne zaoberali metódou parent, keď sme diskutovali o pseudotriede parent. Pripomínam, že metóda parent a selektor parent robia rôzne veci, prvá nájde rodiča elementu, zatiaľ čo druhý všetky neprázdne elementy (ktoré sú rodičmi).

V nasledujúcom príklade nájdeme element #test, potom nájdeme jeho rodiča pomocou parent a nastavíme mu text '!'. Majme nasledujúci HTML kód:

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

A teraz použijeme metódu parent v Javascript kóde:

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

Nezabudnite, že tejto metóde možno odovzdať selektor pre dodatočnú filtráciu rodičov.

Nájdite rodiča elementu s triedou www a zafarbite ho na červeno.

Nájdite rodičov všetkých tagov b a nastavte im červenú farbu.

Nájdite rodičov všetkých tagov b, a tie, ktoré majú triedu test, zafarbite na červeno.