Η μέθοδος slice στο jQuery

Με τη μέθοδο slice μπορούμε να απευθυνθούμε σε ένα μέρος των στοιχείων ενός συνόλου, για παράδειγμα, από το δεύτερο έως το πέμπτο.

Ας δούμε τη λειτουργία της μεθόδου στο ακόλουθο παράδειγμα - ας υποθέσουμε ότι έχουμε τον ακόλουθο κώδικα HTML:

<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
<p>text5</p>

Τώρα, στα παράγραφα από το 2ο έως το 4ο (συμπεριλαμβανομένων) θα βάλουμε στο τέλος το κείμενο '!' (η αρίθμηση ξεκινά από το μηδέν, η δεύτερη παράγραφος θα έχει αριθμό ένα):

$('p').slice(1, 5).append('!');

Ο κώδικας HTML θα γίνει ως εξής:

<p>text0</p>
<p>text1!</p>
<p>text2!</p>
<p>text3!</p>
<p>text4!</p>
<p>text5</p>

Παρατηρήστε ότι το slice(1, 5) περιλαμβάνει το πρώτο όρισμα, αλλά όχι το δεύτερο, δηλαδή το (1, 5) βρίσκει τα στοιχεία με αριθμό 1, 2, 3, 4, ενώ τα στοιχεία αριθμός 0 και 5 δεν τα παίρνει.

Βρείτε από το 3ο έως το 10ο li στο σύνολο και βάψτε τα με κόκκινο χρώμα.