Jquery 添加的表行结束于表上方，而不是表中

jQuery中的自动刷新函数动态更新表。不幸的是，由于某些原因，更新后的字符串总是显示在thead上方的表之前，我在代码中没有看到：

html:

jQuery更新函数：

---

检查时，我看到。。。。在：：before部分下。另外：如果我之前创建的表行为空，然后像这样添加per：脚本中的NAME而不是tablerow，并且只有一个值

您可以尝试以下代码

    <script type="text/javascript">
       function refreshTable()  {  
        $.get(
            "/foo", "", 
            function(data) {
           if($(".table tbody").children().length > 0)){
                $(".table").append("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>")
            }
            else{
                $(".table").html("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>) 
            } 
            },
         ) 
      };
          window.setInterval(refreshTable, 3000)
    </script>

---

检查此小提琴

您可以尝试以下代码

    <script type="text/javascript">
       function refreshTable()  {  
        $.get(
            "/foo", "", 
            function(data) {
           if($(".table tbody").children().length > 0)){
                $(".table").append("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>")
            }
            else{
                $(".table").html("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>) 
            } 
            },
         ) 
      };
          window.setInterval(refreshTable, 3000)
    </script>

---

检查这把小提琴，div不能是tbody的孩子。将id设为“tablerow”，删除div并重试

div不能是tbody的子级。将id设置为“tablerow”，删除div并重试

div不能是tbody的子级。给tbody id“tablerow”，移除div，然后再次听到。如果在我的答案上打勾，我会很感激的。迪夫不可能是我的孩子。给tbody id“tablerow”，移除div，然后再次听到。如果在我的答案上打勾，我会很感激的。因为你更新了你的答案，所以我删除了我原来的评论。如果已经在列表中，我将如何实现更新？如果不在列表中，我将如何实现更新？请检查我的答案now@xtlc这个答案对你有帮助吗？我删除了我的原始评论，因为你更新了你的答案。如果已经在列表中，我将如何实现更新？如果不在列表中，我将如何实现更新？请检查我的答案now@xtlc这个答案对你有帮助吗？

    <script type="text/javascript">
       function refreshTable()  {  
        $.get(
            "/foo", "", 
            function(data) {
           if($(".table tbody").children().length > 0)){
                $(".table").append("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>")
            }
            else{
                $(".table").html("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>) 
            } 
            },
         ) 
      };
          window.setInterval(refreshTable, 3000)
    </script>