Edellinen joukko jQueryssä
Joskus jQuery-ketjuja rakennettaessa on
tarpeen palata edelliseen joukkoon.
Tämä tehdään käyttämällä metodia
end.
Seuraavassa esimerkissä on HTML-koodi:
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
<p>text</p>
Tehtävämme on ensin löytää kaikki kappaleet,
sitten valita löydettyjen kappaleiden joukosta ne, joilla on
luokka www käyttämällä metodia
filter
ja, käyttämällä metodia
append,
lisätä teksti '!' niiden loppuun.
Sitten palaamme edelliseen joukkoon (tämä on
joukko $('p')) käyttämällä end ja lisäämme
tekstin '?' niiden loppuun.
Tuloksena kappaleilla, joilla on luokka www,
on teksti '!?', ja tavallisilla kappaleilla
- teksti '?':
$('p').filter('.www').append('!').end().append('?');
Etsi kaikki h2, joilla on luokka www,
tee niistä punaisia, sitten löydettyjen
elementtien joukosta etsi elementit, joilla on luokka test, ja
aseta niiden fontin kooksi 30px.
