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)
有什么建议?谢谢
使用:gt()负索引的组合:not,和:last:
$('li:gt(-5):not(:last)').css('color','red');
Run Code Online (Sandbox Code Playgroud)