Javascript 在jquery/ajax中提交表单时，将一个div置于另一个div之上

我有一个使用ajax、jquery和php的聊天系统。它会自动提交消息并进行回显。当消息加载时，它是这样的

但当我提交另一条消息时，它将低于这3条消息

如何使所有提交/加载的邮件位于这些邮件之上

我已经尝试过了，但它只是在下面放置了一些消息：

在html文件中

<div id="new_entries"></div>

---

将此代码添加到您的div

   style="z-index:99999;"

如果上述方法无效，请尝试以下方法：

   style="position:absolute;z-index:999999;"

如果使用上述代码，您可能需要调整边距或对齐

---

多亏了@Iharby，问题才得以解决 这是密码

$(before what).first().before(data);

您应该使用.prepend（数据），如下例所示：

HTML

<div id="new_entries"></div>

---

这应该可以做到

ajax代码在哪里？应该有几个jquery函数中的一个来在您需要的位置插入它：insertBefore（）；insertAfter（）；我们不需要PHP，这是一个jQuery问题。向我们展示相关的HTML和jQuery。在这里，我添加了jQuery文件，它只会将项目堆叠在彼此之上（而不是列表中）。

$(before what).first().before(data);

<div id="new_entries"></div>

//use this in your ajax response data
$.ajax({
  url: "your.php",
  cache: false
}).done(function(data) {
    $( "#new_entries" ).prepend(data);
});