Javascript/Ajax 颠倒.append？

Question

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

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

它工作正常，但是有什么方法可以让它颠倒附加数据吗？我的意思是，不是将数据附加到旧数据下方，而是将数据附加到上方。喜欢：

data3（最新）

数据2

数据1

Answer 1

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

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

Answer 2

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

Javascript/Ajax upside down .append?