Metodo parents

Il metodo parents ottiene tutti i genitori di un elemento - non solo quello diretto, ma anche il nonno, il bisnonno e così via fino all'elemento radice (cioè fino al tag html).

Sintassi

Ottenere tutti i genitori per gli elementi:

javascript.parents();

È anche possibile selezionare i genitori solo se soddisfano il selettore specificato:

javascript.parents(selettore);

Esempio

Troviamo l'elemento #test, poi troviamo tutti i suoi genitori usando parents e, se sono genitori div con la classe www, aggiungiamo all'inizio il testo '!' usando prepend:

html<div>
  <div class="www">
    <div class="www">
      <p id="test">testo</p>
    </div>
  </div>
</div>

javascript$('#test').parents('div.www').prepend('!');

Il codice HTML risulterà così:

html<div>
  <div class="www">
    !
    <div class="www">
      !<p id="test">testo</p>
    </div>
  </div>
</div>

Vedi anche

metodo parent,
che permette di ottenere il genitore diretto dell'elemento
metodo parentsUntil,
che permette di ottenere tutti i genitori dell'elemento fino al genitore specificato
metodo closest,
che permette di ottenere il più vicino elemento genitore che soddisfa il selettore
metodo contents,
che permette di ottenere i discendenti dell'elemento e il testo all'interno di questo elemento