Metoda parent w jQuery

Już trochę omawialiśmy metodę parent, kiedy dyskutowaliśmy o pseudoklasie parent. Przypominam, że metoda parent i selektor parent robią różne rzeczy, pierwsza znajduje rodzica elementu, a drugi wszystkie niepuste elementy (będące rodzicami).

W następnym przykładzie znajdziemy element #test, następnie znajdziemy jego rodzica za pomocą parent i ustawimy mu tekst '!'. Załóżmy, że mamy nastujący kod HTML:

<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 wpisujemy metodę parent w kodzie Javascript:

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

Nie zapomnij, że do tej metody można przekazywać selektor, dla dodatkowej filtracji rodziców.

Znajdź rodzica elementu z klasą www i pokoloruj go na czerwono kolor.

Znajdź rodziców wszystkich tagów b i zrób je czerwonym kolorem.

Znajdź rodziców wszystkich tagów b, i te, które mają klasę test pokoloruj na czerwono.