使用jQuery删除20后的div

Question

使用帖子生成class = message的div,该帖子提取数据并将其放入页面中.现在,我希望在达到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);