jQuery children() Metodo
❮ Metodi di attraversamento jQuery
Esempio
Restituisce elementi che sono figli diretti di <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)
Definizione e utilizzo
Il metodo children() restituisce tutti i figli diretti dell'elemento selezionato.
L'albero DOM: questo metodo attraversa solo un singolo livello nell'albero DOM. Per attraversare più livelli (per restituire nipoti o altri discendenti), utilizzare il metodo find() .
Suggerimento: per attraversare un singolo livello in alto nell'albero DOM, o fino all'elemento radice del documento (per restituire i genitori o altri antenati), utilizzare il metodo genitore() o genitori() .
Nota: questo metodo non restituisce nodi di testo. Per restituire tutti i figli inclusi i nodi di testo, utilizzare il metodo content() .
Sintassi
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
Provalo tu stesso - Esempi
Come restituire tutti i figli diretti di un elemento <ul>.
Come utilizzare il parametro filter per restituire tutti gli elementi <li> con il nome di classe "first", che sono figli diretti di <ul>.
Come selezionare tutti gli elementi <p> che sono figli diretti del loro elemento padre <div>.
Una dimostrazione che mostra chi sono effettivamente i discendenti di un elemento <div>.
❮ Metodi di attraversamento jQuery