Javascript/Ajax 颠倒了.append？答案

【问题标题】：Javascript/Ajax upside down .append?Javascript/Ajax 颠倒了.append？
【发布时间】：2016-04-11 08:08:18
【问题描述】：

我正在使用 socket.io 并向客户端发送一条消息，其中包含应该附加到 div 的数据：

socket.on('new data', function(data){
    $('#container').append('<div id="newDATA">data</div>');
});

它工作正常，但有没有办法让它颠倒附加数据？我的意思是，它不会在旧数据下方附加数据，而是在上面附加。喜欢：

data3（最新）

数据2

数据1

【问题讨论】：

还要确保你添加的 div 的 id 是动态的/唯一的
在我看来您使用的是 jQuery，而且问题与 Ajax 无关。正如@Cyval 所说，.prepend() 通过 jQuery 为您提供所需的输出。
哇，不知道这个功能。非常感谢您。让它成为一个答案，这样我就可以接受它
@E.Sundin 你说得对，我弄错了 Jquery/Ajax
就在jQuery documentation: ".append() 方法将指定的内容作为jQuery集合中每个元素的最后一个子元素插入（要将其作为第一个子元素插入，请使用.prepend())。”

【解决方案1】：

.append() ，顾名思义，在元素的底部附加一些东西。在这种情况下，您应该使用.prepend。请记住，pre 表示 before。

socket.on('new data', function(data){
     $('#container').prepend('<div id="newDATA">data</div>');
});

【讨论】：

【解决方案2】：

jQuery 同时具有.append() 和.prepend() 函数。一个添加到父元素的底部，另一个添加到顶部。听起来你需要后者。

【讨论】：