Metodo parent

Il metodo parent ottiene il genitore diretto dell'elemento.

Sintassi

Ottenere il genitore diretto per gli elementi:

javascript.parent();

Si può anche selezionare il genitore diretto, solo se soddisfa il selettore specificato:

javascript.parent(selettore);

Esempio

Troviamo l'elemento #test poi troviamo il suo genitore usando parent e impostiamo il testo '!' usando html:

html<p>esterno</p>
<div>
  <p>interno</p>
  <p>interno</p>
  <p id="test">interno</p>
  <p>interno</p>
  <p>interno</p>
</div>
<p>esterno</p>

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

Il codice HTML diventerà così:

html<p>esterno</p>
<div>
  !
</div>
<p>esterno</p>

Esempio

Troviamo l'elemento #test poi troviamo il suo genitore usando parent e, se questo genitore è un div con classe www, allora impostiamo il testo '!' usando html:

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

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

Il codice HTML diventerà così:

html<p>esterno</p>
<div class="www">
  !
</div>
<p>esterno</p>

Vedi anche