Php 运行“加载更多”按钮并在旧信息上方显示新信息时出现问题

我尝试为消息页面创建“加载更多”按钮。 我想将“加载更多”按钮放在新消息的顶部，当我按“加载更多”按钮时，旧消息将加载到新消息的顶部，但当我单击“加载更多”按钮时，新消息将位于旧消息的下方。 我该怎么做？如图中的数字2：

index.php：

<button id="btn2" >load more</button>

<div  id="comnts2" style="padding: 3px"></div>

<script>

$(document).ready(function() {
  var comnco2 = 2;
    var page_num2 = 2;
  $("#btn2").click(function() {
    $.ajax({
        method: "POST",
       url: "lmsg.php",
        data: { comnco2: comnco2 }
      })
      .done(function(msg2) {
    if(msg2 == ' '){
          $("#btn2").hide();
        } else {
       $("#comnts2").append(msg2);
        }
      });
      comnco2 = comnco2 + page_num2;
  });

  $("#btn2").trigger("click");

});
</script>

这是lmsg.php

$comnco2=$_POST['comnco2'];

$q=mysqli_query($conn,"SELECT id FROM t_msg WHERE id >
((SELECT MAX(id) FROM t_users) - '$comnco2')  LIMIT 0, 2");
while($f=mysqli_fetch_assoc($q)){
echo $f['id']."<br>";
}?>
-------<br>

谢谢你的改变

$("#comnts2").append(msg2);

到

---

我正在学习。谢谢

$("#comnts2").prepend(msg2);