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:

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:

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

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