/ /リストアイテムを最初に追加し、Jqueryで最後の要素を削除します-jquery、list、add

Jqueryで最後の要素を削除する - jquery、list、add

今日、私はリストと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);
});

ご回答ありがとうございます。

よろしく、 ガボール

回答:

回答№1は0

何かのようなもの この いいと思います

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

注:これにはプラグインがあります 依存。したがって、必ずそれを含めてください。