Question

以下是4个列表项

<ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
</ul>

我想从服务器更新项目，所以我写了AJAX调用。

$.ajax({
    ....
    $('ul').append('new 4 items from server');
});

AJAX调用后的项目

<ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
    <li>new1</li>
    <li>new2</li>
    <li>new3</li>
    <li>new4</li>
</ul>

所以总项目数为8.现在我想保留最后5项Fourth, new1...new4并删除剩余项目。我怎么能这样做？

Answer 1

您可以使用:lt(index)选择器。

$('ul li:lt(3)').remove();

如果您只想保留最后五个li元素，可以使用eq和prevAll方法：

$('ul li').eq(-5).prevAll().remove();

或者在追加新元素之前删除除最后一个元素之外的所有列表元素。

jQuery动态删除HTML元素

1 个答案: