Vorige set in jQuery
Soms bij het bouwen van jQuery-ketens is het
noodzakelijk om terug te keren naar de vorige set.
Dit wordt gedaan met behulp van de methode
end.
In het volgende voorbeeld wordt de HTML-code weergegeven:
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
<p>text</p>
Onze taak bestaat eruit eerst alle alinea's te vinden,
vervolgens uit de gevonden alinea's die met
klas www te selecteren met behulp van de methode
filter
en, met behulp van de methode
append,
de tekst '!' aan het einde toe te voegen.
Vervolgens keren we terug naar de vorige set (dit is
de set $('p')) met behulp van end en
voegen aan het einde de tekst '?' toe.
Het resultaat is dat alinea's met klasse www
de tekst '!?' zullen hebben, en gewone alinea's
- de tekst '?':
$('p').filter('.www').append('!').end().append('?');
Vind alle h2 met klasse www,
maak ze rood van kleur, zoek vervolgens among de gevonden
elementen de elementen met klasse test en
geef ze een lettergrootte van 30px.