Как получить первые элементы X?

У меня есть список с кучей элементов:

<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>

Как настроить таргетинг на первые пять элементов li и добавить к ним класс?

Ответ 1

Используйте селектор :lt:

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

Ответ 2

Помимо :lt() селектор, вы также можете использовать slice().

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

Ответ 3

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

Это выбирает все <li> of <ul>, чей индекс меньше 5 (т.е. 0-4 или первые пять)

Ответ 4

для первых пяти вы захотите использовать

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