Estrazione - Discendenti 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();
);

Prova da solo

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");
);

Prova da solo

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");
);

Prova da solo

Esempio seguente restituisce tutti i discendenti di <div>:

Esempio

$("document").ready(function(){
  $("div").find("*");
);

Prova da solo

Manuale di riferimento di jQuery Traversing

Per conoscere tutti i metodi di traversamento di jQuery, visitare il nostro Manuale di riferimento di jQuery Traversing.