Gli ultimi tutorial di sviluppo web
 

jQuery find() Method

<Metodi jQuery a movimento laterale

Esempio

Rientro tutti <span> elementi 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)
Prova tu stesso "

Definizione e utilizzo

I find() metodo restituisce discendente elementi dell'elemento selezionato.

Un discendente è un bambino, nipote, pronipote, e così via.

L'albero DOM: Questo metodo attraversare verso il basso lungo discendenti di elementi DOM, tutta la strada fino all'ultimo discendente. Per solo attraversare un unico livello giù l'albero DOM (per tornare figli diretti), utilizzare i children() metodo.

Nota: è necessario il parametro di filtro per il find() il metodo, a differenza del resto dei metodi di attraversamento di alberi.

Suggerimento: per restituire tutti gli elementi discendenti, utilizzare il "*" selettore.


Sintassi

$(selector).find( filter )

Parametro Descrizione
filter Richiesto. Un'espressione selettore, elemento o oggetto jQuery per filtrare la ricerca di discendenti

Nota: Per restituire più discendenti, separare ogni espressione con una virgola.

Provate voi stessi - Esempi

Ritorna tutti gli elementi discendenti di <html>
Utilizzando il "*" selettore per restituire tutti gli elementi che sono discendenti di <html> .

Rientro tutti <span> elementi che sono discendenti di <ul>
Come restituire tutti i <span> elementi che sono discendenti di un <ul> elemento.

Solo selezionare discendenti con un dato nome di classe
Come restituire elementi discendenti con il nome della classe "first" .

Restituire più discendenti
Come restituire più elementi discendenti.

Filtrare la ricerca discendente con una collezione di tutti jQuery <ul> elementi
Come restituire tutti <span> elementi che sono discendenti di un <ul> elemento con un oggetto jQuery.

Mostra i discendenti di un elemento di nomi dei tag
Una dimostrazione che mostra che i discendenti di un <div> elemento in realtà sono.


<Metodi jQuery a movimento laterale