javascript – 如果超过20 |删除旧的div jQuery的

前端之家收集整理的这篇文章主要介绍了javascript – 如果超过20 |删除旧的div jQuery的前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的jQuery脚本需要一些帮助.
我有一个页面每10秒刷新一次,并且来自Feed的新div将被附加到.

我的脚本计算div,并在超过20个div时删除最后一个div.如果Feed一次只附加1个div,则此方法可以正常工作.但是Feed也可以同时附加多个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.我希望有人可以帮助我解决这个问题.

解决方法

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

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

    $autoUpdate();
},10000);

注意if到while的变化.这会一直删除最后一个,直到有20个.

猜你在找的jQuery相关文章