¿Cómo obtener los primeros X elementos?

Question

Tengo una lista con un montón de elementos:

<ul> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
    <li>text</li> 
</ul> 

¿Cómo se orienta los primeros cinco li elementos y añadir una clase a ellos?

Answer 1

Usa el :lt selector:

$("ul > li:lt(5)").addClass("foo"); 

Answer 2

$('ul li:lt(5)')

Esto selecciona todos <li> s de <ul> cuyos index es inferior a 5 (es decir, 0-4, o el primer cinco)

Answer 3

Además del selector :lt(), también puede usar la función slice().

$('li').slice(0, 5).addClass('someClass'); 

Answer 4

para los primeros cinco que tendrá que usar

$('ul li:lt(5)').addClass('first-five');