Zoeken binnen gevonden elementen in jQuery
Laten we nu de methode
find
bespreken, die elementen zoekt volgens een opgegeven selector
binnen de reeds gevonden elementen (dus onder de afstammelingen
van de gevonden elementen).
Laten we de werking van de methode bekijken aan de hand van de volgende HTML-code:
<div>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
</div>
<div>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
</div>
Eerst moeten we alle div-tags vinden,
ze de tekst '!' aan het begin toevoegen met
prepend,
vervolgens daarin alle alinea's vinden met behulp van
de methode find en ze de tekst
'?' aan het begin toevoegen:
$('div').prepend('!').find('p').prepend('?');
Vind alle b met de klasse
www, geef ze een rode kleur,
zoek vervolgens among de gevonden elementen naar elementen
met de klasse test en geef ze een lettergrootte
van 30px.
Vind alle elementen met de klasse www, geef ze
een rode kleur, zoek vervolgens among de gevonden
elementen naar alinea's en voeg aan het
einde de tekst '!' toe.