追加前为空div

问题描述

我正在尝试将一些带有循环的html代码附加到html标签中。 但是每次我的循环刷新自身时，代码都会第二次附加。 我试图使用$(#nodes).empty(); 在循环之前，但是使用这种方法，我得到了一个空白屏幕。

这是代码片段

   $(document).ready(function () {
 var interval = 10000;
 var refresh = function() {
 $.getJSON("https://tankionline.com/s/status.js",function(json){
   console.log("updated");
   var nodes = Object.keys(json.nodes).length;
    for (var i = 0; i < nodes; i++) {
      var num = i + 1;
      var main = 'main.c' + num;
      $("#nodes").append(`
        <tr>
          <th scope="row">${num}</th>
          <td> ${json.nodes[main].online} </td>
          <td> </td>
          <td> </td>
        </tr>
        `)
     }
 });
 setTimeout(function() {
   refresh();
     },
   interval);
     }
   refresh();

}）;