Ricerca all'interno degli elementi trovati in jQuery
Analizziamo ora il metodo
find,
che cerca elementi in base a un selettore specificato
all'interno di quelli già trovati (cioè tra i discendenti
degli elementi trovati).
Esaminiamo il funzionamento del metodo sul seguente codice HTML:
<div>
<p>testo</p>
<p>testo</p>
<p>testo</p>
</div>
<div>
<p>testo</p>
<p>testo</p>
<p>testo</p>
</div>
Prima dobbiamo trovare tutti i tag div,
aggiungere all'inizio il testo '!' utilizzando
prepend,
poi trovare al loro interno tutti i paragrafi con il metodo
find e aggiungere all'inizio
del testo '?':
$('div').prepend('!').find('p').prepend('?');
Trova tutti gli elementi b con classe
www, rendili di colore rosso,
poi tra gli elementi trovati cerca gli elementi
con classe test e imposta la loro dimensione
del carattere a 30px.
Trova tutti gli elementi con classe www, rendili
di colore rosso, poi tra gli elementi trovati
cerca i paragrafi e aggiungi alla
fine il testo '!'.