jquery - 如何使用 jQuery 选择列表中的最后 X 个元素？

Question

给定以下 html:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
    <li>Item ADD</li>
</ul>

使用 jQuery，我如何动态选择最后 X 个元素，不包括最后一个元素。例如，对于 3，我如何在除最后一项之外的最后 3 项上设置 css。:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li style="background:red;">Item 6</li>
    <li style="background:red;">Item 7</li>
    <li style="background:red;">Item 8</li>
    <li>Item ADD</li>
</ul>

有什么建议吗？

Answer 1

将 :gt() 与负索引、:not 和 :last 结合使用:

$('li:gt(-5):not(:last)').css('color','red');

jsFiddle example