Latest web development tutorials

Metodo jQuery bambini ()

metodi di attraversamento jQuery metodi di attraversamento jQuery

Esempi

Indietro <ul> elementi figli diretti:

$(document).ready(function(){
$("ul").children().css({"color":"red","border":"2px solid red"});
});

risultati:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)

Prova »

Definizione e utilizzo

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

DOM albero: questo metodo è solo un singolo livello di attraversare l'albero DOM. Per l'attraversamento verso il basso più livelli (tornare discendenti di nodi o altri discendenti), utilizzare il find () metodo.

Suggerimento: per attraversare l'albero DOM verso l'alto lungo un unico livello, o attraverso tutti i percorsi fino all'elemento radice del documento verso l'alto (genitore di ritorno o altro antenato), uso genitore () o genitori () metodo.

Nota: Questo metodo non restituisce un nodo di testo. Per restituire tutti i nodi figlio che contengono nodi di testo, utilizzare i contenuti () metodo.


grammatica

$(selector).children( filter )

参数 描述
filter 可选。规定缩小搜索子元素范围的选择器表达式。


Esempi

Altri esempi

Indietro <ul> Tutti gli elementi figlio immediati
Come restituire <ul> elemento di tutti gli elementi figli diretti.

Limitare la tua ricerca
Come utilizzare il parametro di filtro per tornare <ul> elemento diretta bambino con il nome della classe di "1" per tutti elementi <li>.

Indietro <div> elementi figli diretti di tutti gli elementi <p>
Come selezionare i <div> elementi figlio diretto di tutti gli elementi <p>.

Presentazione di discendenti del nome del tag dell'elemento
Demo <div> discendenti di elementi.


metodi di attraversamento jQuery metodi di attraversamento jQuery