Jquery：删除ul中的最后4个“li”

Question

是否有一种简单的方法来缩短无序列表？

<ul class="aside-list">
  <li class="bordered-item">One</li>
  <li class="bordered-item">One</li>
  <li class="bordered-item">One</li>
  <li class="bordered-item">One</li>
  <li class="bordered-item">One</li>
  <li class="bordered-item">One</li>
  <li class="bordered-item">One</li>
</ul>

我正试图找到一种从UL中删除“x”节点的方法。 谢谢

Answer 1

使用slice()功能，

$('ul > li').slice(-4).remove()

您可以在切片函数中指定x。

Answer 2

$('.bordered-item').slice(-4).remove(); //removes last four
$('ul > li:contains("x")').remove();    //removes <li>s containing "x"