每次提交新的搜索表单时删除表行

Question

我有以下ajax请求：

if (response.success) 
  {
    $('#search-body').remove('tr');
    $('#search-results').show();
    $.each(response.data, function( index, item ) {
    $('#search-body').append('<tr><td>' + item.name + '</td><td>' + item.barcode + '</td><td>' + item.serial + '</tr>');
  });

}

行始终附加到表正文，而不是删除那些行，然后再次执行搜索。

Answer 1

您可以使用 .html() 代替.append()：

$('#search-body').html('<tr><td>' + item.name + '</td><td>' + item.barcode + '</td><td>' + item.serial + '</tr>');

Answer 2

在追加项目之前清除HTML ...

if (response.success) 
{
    $('#search-body').remove('tr');
    $('#search-results').show();

    $('#search-body').empty();//This will clear the existing elements

    $.each(response.data, function( index, item ) {
        $('#search-body').append('<tr><td>' + item.name + '</td><td>' + item.barcode + '</td><td>' + item.serial + '</tr>');
    });
}