De slice methode in jQuery
Met de
slice
methode kun je een deel van de elementen in een set selecteren,
bijvoorbeeld van de tweede tot en met de vijfde.
Laten we de werking van de methode bekijken aan de hand van het volgende voorbeeld - stel we hebben de volgende HTML code:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
<p>text5</p>
Laten we nu aan de paragrafen van 2 tot en met 4
(de nummering begint bij nul, de tweede paragraaf heeft
nummer één) de tekst '!' toevoegen aan het einde:
$('p').slice(1, 5).append('!');
De HTML code ziet er dan zo uit:
<p>text0</p>
<p>text1!</p>
<p>text2!</p>
<p>text3!</p>
<p>text4!</p>
<p>text5</p>
Let op: slice(1, 5)
includeert de eerste index, maar niet de tweede, dat
wil zeggen (1, 5) selecteert elementen met nummer 1,
2, 3, 4, en neemt elementen
nummer 0 en 5 niet mee.
Vind de li van 3 tot en met 10
in de set en geef ze een rode kleur.