Metod parent u jQuery

Već smo malo razmatrali metod parent, kada smo govorili o pseudoklasu parent. Podsećam, metod parent i selektor parent rade različite stvari, prvi nalazi roditelja elementa, a drugi sve neprazne elemente (koji su roditelji).

U sledećem primeru naći ćemo element #test, zatim naći njegovog roditelja pomoću parent i postaviti mu tekst '!'. Neka imamo sledeći HTML kod:

<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 sada upisujemo metod parent u Javascript kod:

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

Ne zaboravite da ovom metodu možete proslediti selektor, za dodatnu filtriranje roditelja.

Pronađite roditelja elementa sa klasom www i obojite ga u crvenu boju.

Pronađite roditelje svih tagova b i učinite ih crvenom bojom.

Pronađite roditelje svih tagova b, i one, koji imaju klasu test obojite u crvenu boju.