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 开始的位置，在该位置停止选择元素。如果 负数，表示从集合末尾的偏移量。如果省略， 范围一直持续到集合结束。