javascript - 删除最多 6 个以下长度的列表元素

Question

如果列表超过 6 个，则尝试删除少数列表项，意味着删除所有没有前 6 个列表项的(保留前 6 个列表项)。

HTML:

<ul class"items">
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li> 
<!-- Delete all due lists -->
<li>list 7</li>
<li>list 8</li>
<li>list 9</li>
<li>list 10</li>
</ul>

尝试过:

var DeleteItems = $(".items li").length; //Delete Extra List
if (DeleteItems > 6) {
$('.items li').addClass('popup').not(':first-child').remove(); 
}; 

这个 Jquery 无法保留前 6 个列表项，它只保留第一个子项。如何保留前 6 个列表并删除到期列表项？

Answer 1

delete all without first 6 lists items (keep first 6 list items).

最简单的方法是:

$( ".items li:gt(5)" ).remove();