使用jQuery删除20后的div

Question

div = of message是使用一个帖子生成的，该帖子提取数据并将其放入页面中。现在，我希望在达到20之后删除较低的div。

<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。