Как удалить строки таблицы html?

Question

Я хочу, чтобы обновить таблицу, но каждый раз, когда setinterval активных Дописывать вставки те же строки снова, я хочу, чтобы эти строки удаляются для нового

$(document).ready(function() 
{ 

    function actualizar() 
    { 
    $.ajax({ 
     type: "GET", 
     url: "editinplace.php?tabla=1" 
    }) 
    //Vector 
    .done(function(json) 
    { 
     json = $.parseJSON(json) 
     for(var i=0;i<json.length;i++) 
     { 
      $('.editinplace').append 
      (
       "<tr><td class='id'>" 
       +json[i].id 
       +"</td><td>" 
       +json[i].nombre 
       +"</td><td>" 
       +json[i].apellidos 
       +"</td><td>" 
       +json[i].telefono 
       +"</span></td><td class='editable' data-campo='status'><span>" 
       +json[i].status 
       +"</span></td></tr>"); 
     } 
     // 
    }); 


    } 
    setInterval(actualizar, 6000); 

Answer 1

.append будет, как следует из названия, добавьте контент ,

Либо сделать что-то вроде $('.editinplace tr').remove();, чтобы удалить все существующие строки перед добавлением или заменить .editinplace полностью:

$('.editinplace').replaceWith("<table class='editinplace'>" 
+ "<tr><td class='id'>" 
... 
+ "</table>"); 

См http://api.jquery.com/remove/ и http://api.jquery.com/replacewith/ для получения дополнительной информации.

Ref comments, для проверки существования, я бы добавил атрибут данных в строки, чтобы вы могли легко их искать. Например. замените "<tr><td class='id'>" на "<tr data-id='" + json[i].id + "'><td class='id'>".

Затем в течение() цикл, просто проверить, если он существует еще:

if ($('.editinplace tr[data-id="' + json[i].id + '"]').length == 0) { 
    // append 
}