Пустой div перед добавлением - PullRequest
Новая
       12

Пустой div перед добавлением

0 голосов
/ 03 марта 2019

Я пытаюсь добавить 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();

});

1 Ответ

0 голосов
/ 03 марта 2019

Я пробовал это с упомянутым $("#nodes").empty(); перед циклом, и он просто отлично работает:

https://codepen.io/anon/pen/moEPrP?editors=1010

var refresh = function() {
   $("#nodes").empty();
   $.getJSON("https://tankionline.com/s/status.js",function(json){
      console.log("updated");
   ....
...