jQuery metodo find()
❮ Metodi di attraversamento jQuery
Esempio
Restituisce tutti gli elementi <span> che sono discendenti di <ul>:
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
Risultato:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definizione e utilizzo
Il metodo find() restituisce elementi discendenti dell'elemento selezionato.
Un discendente è un figlio, un nipote, un pronipote e così via.
L'albero DOM: questo metodo attraversa verso il basso i discendenti degli elementi DOM, fino all'ultimo discendente. Per attraversare un solo livello in basso nell'albero DOM (per restituire figli diretti), utilizzare il metodo children() .
Nota: il parametro filter è richiesto per il metodo find(), a differenza del resto dei metodi di attraversamento dell'albero.
Suggerimento: per restituire tutti gli elementi discendenti, utilizzare il selettore "*".
Sintassi
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Provalo tu stesso - Esempi
Usando il selettore "*" per restituire tutti gli elementi che sono discendenti di <html>.
Come restituire tutti gli elementi <span> che sono discendenti di un elemento <ul>.
di classe Come restituire elementi discendenti con il nome di classe "first".
Come restituire più elementi discendenti.
Come restituire tutti gli elementi <span> che sono discendenti di un elemento <ul> con un oggetto jQuery.
Una dimostrazione che mostra chi sono effettivamente i discendenti di un elemento <div>.
❮ Metodi di attraversamento jQuery