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

【问题标题】：List item add to first place and remove last element with Jquery列表项添加到第一位并使用 Jquery 删除最后一个元素
【发布时间】：2015-11-12 06:56:02
【问题描述】：

今天我遇到了列表和 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);
});

感谢您的回答！

问候，加博尔

【问题讨论】：

你能分享一下你的尝试吗
当然 :) 我已添加到原帖中。

标签： jquery list add

【解决方案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。因此，请确保包含该内容。

【讨论】：