Latest web development tutorials

jQuery attraversamento - prole

Discendente è un bambino, nipote, pronipoti, e così via.

Con jQuery, si attraversa verso il basso l'albero DOM per trovare gli elementi discendenti.


Attraversare l'albero DOM verso il basso

Qui ci sono due per attraversare l'albero DOM definisce i metodi di jQuery:

  • bambini ()
  • find ()

Metodo jQuery bambini ()

Metodo bambini () restituisce l'elemento selezionato tutti gli elementi figli diretti.

Questo metodo solo in basso di una coppia albero DOM attraversamento.

L'esempio seguente restituisce ogni elemento <div> di tutti gli elementi figli diretti:

Esempi

$(document).ready(function(){
$("div").children();
});

Prova »

È inoltre possibile utilizzare il parametro opzionale per filtrare la ricerca per i sotto-elementi.

L'esempio seguente restituisce il nome della classe di "1" in tutti gli elementi <p>, e sono <div> elementi diretti figlio:

Esempi

$(document).ready(function(){
$("div").children("p.1");
});

Prova »


Metodo jQuery find ()

metodo find () restituisce gli elementi elemento discendenti selezionati, tutta la strada fino all'ultimo discendente.

L'esempio seguente restituisce appartengono <div> <span> tutti i discendenti di elementi:

Esempi

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

Prova »

L'esempio seguente restituisce <div> tutte le generazioni:

Esempi

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

Prova »