jquery - 从 UL 列表中删除最后 4 个 LI 的边框底部的 Jquery 函数

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>

我正在考虑删除最后 4 项的 li 边框的 jquery 代码。

有任何想法吗？

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 开始的位置。如果为负，则表示与集合末尾的偏移量。如果省略，则范围将持续到集合的末尾。