Estrazione - Discendenti jQuery
- Pagina precedente Antenati di jQuery
- Pagina successiva Compagni di jQuery
I discendenti sono figli, nipoti, pronipoti, ecc.
Con jQuery, puoi esplorare l'albero DOM per trovare i discendenti degli elementi.
Esplorazione dell'albero DOM向下
Ecco due metodi jQuery utilizzati per esplorare l'albero DOM向下
- children()
- find()
Metodo jQuery children()
Il metodo children() restituisce tutti i figli diretti dell'elemento selezionato.
Questo metodo esplora solo il livello successivo dell'albero DOM.
Esempio seguente restituisce tutti i figli diretti di ogni elemento <div>:
Esempio
$("document").ready(function(){ $("div").children(); );
Puoi anche utilizzare parametri opzionali per filtrare la ricerca sugli elementi figli.
Esempio seguente restituisce tutti gli elementi <p> con la classe "1", e sono figli diretti di <div>:
Esempio
$("document").ready(function(){ $("div").children("p.1"); );
Metodo jQuery find()
Il metodo find() restituisce gli elementi discendenti dell'elemento selezionato, scendendo fino all'ultimo discendente.
Esempio seguente restituisce tutti gli elementi <span> discendenti di <div>:
Esempio
$("document").ready(function(){ $("div").find("span"); );
Esempio seguente restituisce tutti i discendenti di <div>:
Esempio
$("document").ready(function(){ $("div").find("*"); );
Manuale di riferimento di jQuery Traversing
Per conoscere tutti i metodi di traversamento di jQuery, visitare il nostro Manuale di riferimento di jQuery Traversing.
- Pagina precedente Antenati di jQuery
- Pagina successiva Compagni di jQuery