Javascript/Ajax 颠倒了.append？

Posted 2023-04-18

【中文标题】Javascript/Ajax 颠倒了.append？

【英文标题】：Javascript/Ajax upside down .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>');
);

【讨论】：

在我接受之前 6 分钟。非常感谢！

没问题@MarcielFonseca。

我可以 .prepend 到 .append 吗？因为它反转了我的数据，这可能吗？

你能举个例子吗？ @Darktwen

我不再需要那个我改变了我的代码，谢谢

【参考方案2】：

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