Método slice en jQuery
Con el método
slice
puedes acceder a una parte de un conjunto de elementos,
por ejemplo, del segundo al quinto.
Analicemos el funcionamiento del método con el siguiente ejemplo: supongamos que tenemos el siguiente código HTML:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
<p>text5</p>
Ahora, a los párrafos desde el 2-º hasta el 4-º
(inclusive) les añadiremos el texto '!' al final
(la numeración comienza desde cero, el segundo párrafo tendrá
el número uno):
$('p').slice(1, 5).append('!');
El código HTML pasará a verse así:
<p>text0</p>
<p>text1!</p>
<p>text2!</p>
<p>text3!</p>
<p>text4!</p>
<p>text5</p>
Ten en cuenta que slice(1, 5)
incluye el primer argumento, pero no el segundo, es
decir, (1, 5) encuentra los elementos con número 1,
2, 3, 4, y no toma los elementos
número 0 y 5.
Encuentra desde el 3-º hasta el 10-º
li en el conjunto y colóralos en color rojo.