Metodo parent

Il metodo parent ottiene il genitore diretto dell'elemento.

Sintassi

Ottenere il genitore diretto per gli elementi:

.parent();

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

.parent(selettore);

Esempio

Troviamo l'elemento #test poi troviamo il suo genitore usando parent e impostiamo il testo '!' usando 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>

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

Il codice HTML diventerà così:

<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:

<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>

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

Il codice HTML diventerà così:

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

Vedi anche

metodo parents,
che permette di ottenere tutti i genitori dell'elemento
metodo closest,
che permette di ottenere l'elemento genitore più vicino che soddisfa il selettore
metodo parentsUntil,
che permette di ottenere tutti i genitori dell'elemento fino al genitore specificato
metodo children,
che permette di ottenere gli elementi figli dell'elemento
metodo contents,
che permette di ottenere gli elementi figli e il testo all'interno di questo elemento