如何获得前X个元素？

Question

我有一个包含大量元素的列表:

<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元素并为它们添加一个类？

Answer 1

使用:lt选择器:

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

Answer 2

除了:lt()选择器,您还可以使用slice()功能.

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

Answer 3

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

这将选择其索引小于5的所有<li>s (即0-4或前五个)<ul>