javascript - 如果超过 20 个，则删除旧的 div |查询

Question

我的 jQuery 脚本需要一些帮助。我有一个每 10 秒刷新一次的页面，并且来自提要的新 div 被附加到。

我的脚本对 div 进行计数，并在超过 20 个 div 时删除最后一个 div。如果提要一次仅附加 1 个 div，则此方法很好用。但是提要也可以同时附加多个 div。发生这种情况时，计数可能会超过 20 个 div 的最大值。问题是我的脚本只删除了 1 个 div，而不是所有超过 20 个的 div。

这是我的代码:

var $auto_refresh = setInterval(function () {
    var $articleCount = $('div').length; 

    if ($articleCount > 20) {
        $('div:last-child').remove();
    }

    $autoUpdate();
}, 10000); // refresh every 10000 milliseconds for new items

我需要删除所有额外的 div，所以总是有 20 个 div。我希望有人能帮我解决这个问题。

Answer 1

使用 jQuery.slice 获取超过 20 的所有内容，并将它们装箱 - 非常简单:)

var $auto_refresh = setInterval(function () {
    $('div').slice(20).remove();
    $autoUpdate();
}, 10000); // refresh every 10000 milliseconds for new items

http://api.jquery.com/slice/