Metoda parent v jQuery

Už jsme se trochu zabývali metodou parent, když jsme probírali pseudotřídu parent. Připomínám, že metoda parent a selektor parent dělají různé věci, první najde rodiče elementu, zatímco druhý všechny neprázdné elementy (které jsou rodiči).

V následujícím příkladu najdeme element #test, poté najdeme jeho rodiče pomocí parent a nastavíme mu text '!'. Předpokládejme, že máme následující 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 nyní zapíšeme metodu parent do Javascript kódu:

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

Nezapomeňte, že této metodě lze předávat selektor pro dodatečné filtrování rodičů.

Najděte rodiče elementu s třídou www a obarvěte jej na červenou barvu.

Najděte rodiče všech tagů b a nastavte jim červenou barvu.

Najděte rodiče všech tagů b, a ty, které mají třídu test, obarviťe na červenou barvu.