使用jQuery刪除div後20使用jQuery

Question

類=消息的divs是使用一個帖子來生成的，該帖子將數據拖放到頁面中。現在，我想刪除較低的div到達後20

<div class="message">test</div> 
<div class="message">test</div> 
<div class="message">test</div> 
. 
. 
. 
<div class="message">test</div> 

所以我需要一個排序的功能（從底部）去除剩餘的div，因爲我加入到頂部。

此外，當一個div出現，我希望它有點淡出。怎樣做到這一點？我在塊接收數據，因此它像

html = '<div class="messsage">1</div><div class="message">2</div>'; 

現在我試過，但它真的不褪色。我想它發出黃光，並恢復正常（獎金）

$("#data").prepend(html).fadeIn(2000); 

謝謝你爲你的時間。

Answer 1

你可以使用gt選擇，以配合給定的一個以上的索引的所有元素：

$('div.message:gt(20)').remove(); 

你的第二個問題，你可以使用prependTo函數，它返回新添加的元素，並你可以隱藏該元素，然後淡入：

$(html).prependTo('#data').hide().fadeIn(2000); 

Answer 2

對於動畫的色彩過渡，使用color animations plugin。