如何将动态附加的div放置在靠近其他动态创建的div的位置

Question

我正在制作带有回复选项的评论系统。所以基本上我有两种类型的评论，一种是父评论，另一种是子评论（子评论）。

对于这个系统，我将使用ajax提交这两个输入，然后附加PHP脚本的响应以创建一个虚拟对象，该虚拟对象用于向用户显示他最近提交的评论，并且在其中使用相同的内容提交子注释。

但 如何判断父注释下方的附加子注释虚拟对象的位置。

用于提交父注释的ajax代码：

$.ajax({
       type: "POST",
       url: "submit_cmt.php",
       data: form.serialize(), // serializes the form's elements.
       success: function(response)
       {
          // alert(response); // show response from the php script.
          $('#comment').append(response); 
          onsuccess();            
       }
     });
});

然后我进行查询并从数据库中选择comment_id，然后使用它来提交评论的答复，并使用以下ajax代码来提交答复（子评论）：

 $.ajax({
  type: "POST",
  url: "submit_subcmt.php",
  data: form2.serialize(), // serializes the form's elements.
  success: function(response)
  {
   $('.subcomment').append(response); 
  onsubcmt_success();  
  }

我想要的输出

• 评论（a）

subcmt（a）

subcmt（a）

• 评论（b）

subcmt（b）

subcmt（b）

但是我得到的输出

• 评论（a）

subcmt（a）

subcmt（a）

• 评论（b）

subcmt（a）//子注释虚拟对象显示在每个评论下方

subcmt（b）