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

given the following html:

给出以下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>

Using jQuery, how can I dynamically select the last X items, excluding the last item. For example example, for 3, how I can set css on the last 3 items excluding the last item.:

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

Any suggestions? Thanks

有什么建议么？谢谢

3 个解决方案

#1

Use a combination of :gt() with a negative index, :not, and :last:

使用以下组合：gt（）和否定索引，：not，和：last：

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

jsFiddle example

jsFiddle示例

3 个解决方案

#1

更多相关文章

随机推荐