<Metodi jQuery a movimento laterale
Esempio
Elementi che sono figli diretti di rendimento <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
Risultato:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Prova tu stesso " Definizione e utilizzo
Il children() restituisce tutti i figli diretti dell'elemento selezionato.
L'albero DOM: Questo metodo attraversare solo un singolo livello l'albero DOM. Per attraversare verso il basso più livelli (per tornare nipoti o altri discendenti), utilizzare il find() metodo.
Suggerimento: per attraversare un unico livello l'albero DOM, o tutta la strada fino a elemento radice del documento (per tornare genitori o altri antenati), utilizzare il parent() o parents() metodo.
Nota: Questo metodo non restituisce nodi di testo. Per restituire tutti i bambini tra i nodi di testo, utilizzare il contents() metodo.
Sintassi
$(selector).children( filter )| Parametro | Descrizione |
|---|---|
| filter | Facoltativo. Specifica un'espressione selettore per restringere il campo di ricerca per i bambini |
Provate voi stessi - Esempi
Rientro tutti i figli diretti di <ul>
Come restituire tutti i figli diretti di un <ul> elemento.
Affina la ricerca
Come utilizzare il parametro filtro per restituire tutti <li> elementi con il nome della classe "prima", che sono figli diretti di <ul> .
Rientro tutti <p> elementi che sono figli diretti di <div>
Come selezionare tutti <p> elementi che sono figli diretti di loro genitore <div> elemento.
Mostra i discendenti di un elemento di nomi dei tag
Una dimostrazione che mostra che i discendenti di un <div> elemento in realtà sono.