Jquery函数,用于从UL列表中删除最后4个LI的边界底部

时间:2012-06-23 18:24:03

标签: jquery

我有一个无序列表:

<div class="toplist">
    <ul>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    </ul>
</div>

我正在考虑一个jquery代码,它删除了最后4个项目的li边框。

有什么想法吗?

function toplist(){
$('.toplist ul li').css("border-bottom", "none");
}

1 个答案:

答案 0 :(得分:5)

使用slice获取最后一个元素:

function toplist(){
    $('.toplist ul li').slice(-4).css("border-bottom", "none");
}
  

.slice(开始[,结束])

     

start 表示从0开始的整数   开始选择元素的位置。如果是否定的话   表示从集合末尾的偏移量。

     

结束指示的整数   基于0的位置,元素停止被选中。如果   否定,它表示从集合末尾的偏移量。如果省略,   范围一直持续到集合结束。