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

Question

我有一个无序列表:

<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");
}

泰

Answer 1

使用slice获取最后的元素:

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

.slice(开始[,结束])

start一个整数,指示开始选择元素的从0 开始的位置.如果为负,则表示距离集合末尾的偏移量.

end一个整数,指示停止选择元素的从0开始的位置.如果为负,则表示距离集合末尾的偏移量.如果省略,则范围将继续,直到集合结束.