使用 Jquery 将列表项添加到第一位并删除最后一个元素

Question

今天我运行遇到了列表和 Jquery 的问题。我有一个包含 4 个元素的列表。它是从数据库动态生成的，每 x 秒刷新一次数据库。当我有一个新记录时，我想删除最后一个列表项（这有效）并在列表顶部添加一个具有一些奇特效果的新项目并将其闪烁 4 或 5 次。实际上我有一个工作代码，但我认为它可以做得更好。我的问题是最好的解决方案是什么？

代码如下：

 $( document ).ready(function() {
$.fn.fadeInNext = function(delay) {
    return $(this).fadeIn(delay,function() {
        $(this).next().fadeInNext();
    });
};

$('li').hide().fadeInNext(1500);
$('li').last().remove();
$('li:eq(0)').before("<li>New item</li>").fadeIn(1500);
});

感谢您的回答！

此致，加博

Answer 1

我想像 this 这样的东西会很好

$(function(){
    var ul = $('.list-group');
    var li = ul.find('li').last().clone();
    ul.prepend(li);
    li.stop()
        .css('backgroundColor','#FAA523')
        .animate({"backgroundColor": "white"},1500);
});

注意：这有一个插件 dependency。因此，请务必包括在内。

使用 Jquery 将列表项添加到第一位并删除最后一个元素

List item add to first place and remove last element with Jquery

jquery

list

add