Metoda parent în jQuery

Noi am discutat deja puțin despre metoda parent, când am vorbit despre pseudoclasa parent. Vă reamintesc că metoda parent și selectorul parent fac lucruri diferite, primul găsește părintele elementului, iar al doilea toate elementele non-goale (care sunt părinți).

În următorul exemplu, vom găsi elementul #test, apoi îi vom găsi părintele cu ajutorul parent și îi vom seta textul '!'. Să presupunem că avem următorul cod 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>

Și acum scriem metoda parent în codul Javascript:

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

Nu uitați că acestei metode îi puteți transmite un selector, pentru o filtrare suplimentară a părinților.

Găsiți părintele elementului cu clasa www și colorați-l în roșu.

Găsiți părinții tuturor tag-urilor b și faceți-le culoarea roșie.

Găsiți părinții tuturor tag-urilor b, și pe cei care au clasa test colorați-i în roșu.