如何使用jQuery选择列表中的最后X项?

AnA*_*ice 1 css jquery html5 css3

给出以下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>
Run Code Online (Sandbox Code Playgroud)

使用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>
Run Code Online (Sandbox Code Playgroud)

有什么建议?谢谢

j08*_*691 7

使用:gt()负索引的组合:not,和:last:

$('li:gt(-5):not(:last)').css('color','red');
Run Code Online (Sandbox Code Playgroud)

jsFiddle例子