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:

.parents();

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

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

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

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

Il codice HTML risulterà così:

<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