jQuery Esplorazione - Progenitori

Con jQuery possiamo esplorare facilmente l'albero DOM per trovare i progenitori degli elementi.

Antenati sono genitori, nonni, bisnonni e così via.

In questa sezione spiegheremo come esplorare l'albero DOM.

Esplorazione dell'albero DOM

Abbiamo i seguenti metodi jQuery per esplorare l'albero DOM:

• parent()

• parents()

• parentsUntil()

In questa sezione ti mostreremo come utilizzare ogni metodo.

Metodo parent() di jQuery

jQuery parent()Il metodo restituisce l'elemento genitore diretto dell'elemento selezionato.

Questo metodo si muove solo di un livello in alto nell'albero DOM.

Esempio di ritorno del livello superiore diretto dell'elemento SPAN:

Puoi anche utilizzare un parametro opzionale per filtrare la ricerca degli elementi genitori.

Esempio di ritorno dell'elemento genitore diretto di ogni paragrafo che ha la classe 'selected':

$("document").ready(function(){
　　$("p").parent(".selected").css("background", "coral");
});

Metodo parents() di jQuery

jQuery parents()Il metodo restituisce tutti gli elementi antenati dell'elemento selezionato.

Questo metodo esplora il DOM dell'elemento padre fino alla radice del documento (html>), passando per l'elemento selezionato.

Esempio di sotto: restituisce tutti gli antenati dell'elemento SPAN:

Metodo ParentUntil() di jQuery

jQuery parentsUntil()Il metodo restituisce tutti gli elementi antenati tra due parametri dati.

Esempio di sotto: restituisce tutti gli elementi antenati tra SPAN e BODY:

Riferimento di Esplorazione jQuery

Per i metodi di esplorazione completa, visitare il nostroRiferimento di Esplorazione jQuery.