使用jQuery或AJAX附加div和article标签

Question

所以这是代码，我想在<article>标记中附加数据库中的数据以显示用户名和帖子，但是下一个条目应该在下一行。

<div id ="test">
  <article id="main">
    <p><div id ="post"><?php //echo $row ['POST']; ?></p></div> 
     <p><?php $p= $row['POST']; ?></p>
     <a href="http://www2.cs.uregina.ca/~khanna2g/public_html1/hashtagresult.php?hs=<?php echo $row['HASHTAG']; ?>">
     <?php
     $hh=$row['HASHTAG'];
     if(strlen($hh)>14){
       echo "#".$hh;
     }
     else{
       echo "";
     }
     ?>
     </a>
     <?php 
     $sqlw = "select * from A4_Comment WHERE POST ='$p'";
     $result = mysqli_query($conn, $sqlw);
     while ($row = mysqli_fetch_assoc($result)) {?>
     <article class = "comment">
     <?php
       echo $row['EMAIL']." :- ";
       echo $row ['Comment'];
     ?>
     <br/><br/>
     </article>
     <?php }?>
  </article>
</div>

这是整个jQuery：

$(document).ready(function(){
        setInterval(d,6000);

         });
          function d(){
            $.ajax({
            url: 'homeajax.php',
            type: 'get',
            dataType: 'json',
            success: function(data){
                console.log(data[0].pt);

                var post=document.getElementById("post");
                var main=document.getElementById("main");
                var test=document.getElementById("test2");

               var i=0;
               for(i=data.length-1;i>0;i--){

                    var r=document.createTextNode(data[i].pt);
                    main.appendChild(r);
                       //test.appendChild(main);

                   }
                               }
            });
          }

我只是显示帖子，因为它很混乱，但它没有在另一行或另一个<article>标记中显示下一篇文章。