Il metodo parent in jQuery

Abbiamo già analizzato brevemente il metodo parent, quando abbiamo discusso dello pseudo-classe parent. Ricordo che il metodo parent e il selettore parent fanno cose diverse, il primo trova il genitore dell'elemento, mentre il secondo tutti gli elementi non vuoti (che sono genitori).

Nel prossimo esempio troveremo l'elemento #test, poi troveremo il suo genitore utilizzando parent e imposteremo il suo testo a '!'. Supponiamo di avere il seguente codice 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>

E ora inseriamo il metodo parent nel codice Javascript:

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

Non dimenticare che a questo metodo puoi passare un selettore, per un'ulteriore filtraggio dei genitori.

Trova il genitore dell'elemento con la classe www e coloralo di rosso.

Trova i genitori di tutti i tag b e rendili di colore rosso.

Trova i genitori di tutti i tag b, e quelli che hanno la classe test colorali in rosso.