javascript - Jquery .html() 仅向表中添加一行

Question

我正在使用append()向表中添加新行，但问题是我需要在添加新行之前删除旧行。

success: function(response) {
    response.AnArray.forEach( function (arrayItem){
        $('.tableName > tbody').append('<tr>...</tr>');
    });
}

然后我切换到 html() 而不是 append()，现在只向表中添加一行。

注意:

$('.tableName > tbody').empty();

在我的情况下不起作用。

我错过了什么？

Answer 1

.html() 在每次迭代中完全替换 tbody 的内容，因此它始终只显示插入的最后一行。相反，在开始迭代之前清空 tbody，然后使用追加添加新行，如下所示:

success: function(response) {
    $('.createPOVTable > tbody').empty();
    response.AnArray.forEach( function (arrayItem){
        $('.createPOVTable > tbody').append('<tr>...</tr>');
    });
}