javascript - 如何将项目添加到动态列表的顶部

Question

如标题所述，有没有人有明确的方法来实现此类功能？

例子: 如果你去 http://weewar.com ，在他们的首页上，您注意到一个每秒更新一次的 ajax 模块。但是，所有新项目都添加到列表的顶部。我的问题是围绕着同样的功能。

对于如何实现此功能，是否有人有简单明了的想法？

到目前为止，我有一个最初创建列表的方法，然后在从服务器提取最新数据的时间间隔内调用另一个方法。

但是，我遇到了问题，如何将新的动态节点添加到列表的顶部。

如果您能指导我在哪里可以找到这些信息，或者给我一个关于如何实现它的想法，我将非常高兴和感激。

Answer 1

jQuery 会让你很容易。这是一个例子:

jQuery

$(document).ready(function(){
  $('<div>News 1</div>').prependTo('#textbox');
  $('<div>News 2</div>').prependTo('#textbox');
  $('<div>News 3</div>').prependTo('#textbox');
  $('<div>News 4</div>').prependTo('#textbox');
});

HTML

<div id="textbox"></div>

输出

News 4
News 3
News 2
News 1

如您所见，首先添加的新闻被向下推。