Etsintä löydetyn sisällä jQuery:ssä

Käydään nyt läpi metodi find, joka etsii elementtejä annetun valitsimen mukaisesti jo löydettyjen sisällä (eli löydettyjen elementtien sisällä olevia jälkeläisiä).

Tarkastellaan metodin toimintaa seuraavalla HTML-koodilla:

<div>
	<p>teksti</p>
	<p>teksti</p>
	<p>teksti</p>
</div>
<div>
	<p>teksti</p>
	<p>teksti</p>
	<p>teksti</p>
</div>

Ensin meidän on löydettävä kaikki div -tagit, asetettava niiden alkuun teksti '!' käyttämällä prepend -metodia, sitten niiden sisällä on löydettävä kaikki kappaleet käyttämällä find -metodia ja asetettava niiden tekstin alkuun teksti '?':

$('div').prepend('!').find('p').prepend('?');

Etsi kaikki b -tagit, joilla on luokka www, tee niistä punaisia, sitten löydettyjen elementtien joukosta etsi elementit, joilla on luokka test ja aseta niille fontin kooksi 30px.

Etsi kaikki elementit, joilla on luokka www, tee niistä punaisia, sitten löydettyjen elementtien joukosta etsi kappaleet ja aseta niiden loppuun teksti '!'.