Question

我有一个jquery代码，它将一些行附加到表中包含tbody id manifest_table的现有数据。

$.each(order_data, function(i, item) {
    $('<tr>').html("<td>" + order_data[i][0] + "</td><td>" + order_data[i][1]  + "</td><td>" + order_data[i][2]  + "</td><td>" + order_data[i][3]  + "</td>").appendTo('#manifest_table');
});

<table id="manifest_table" data-toggle="table" data-search="true" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-sort-name="dispatch_by_date" data-page-list="[50, 100]" data-page-size="50" data-pagination="true">
    <thead>
        <tr>
            <th data-align="center" data-sortable="true">Order Item ID</th>
            <th data-align="center" data-sortable="true">Channel</th>
            <th data-align="center" data-sortable="true">Courier</th>
            <th data-align="center" data-sortable="true">Tracking</th>
        </tr>
    </thead>
    <tbody id="manifest_table">
    </tbody>
</table>

我想知道更换整个表体而不是附加它？

Answer 1

看起来你循环。因此，在开始循环之前，只需清空：

$('#manifest_table').empty();   // or
$('#manifest_table').html('');  // use this, any one of the two
$.each(order_data, function(i, item) {
    $('<tr>').html("<td>" + order_data[i][0] + "</td><td>" + order_data[i][1]  + "</td><td>" + order_data[i][2]  + "</td><td>" + order_data[i][3]  + "</td>").appendTo('#manifest_table');
});

Jquery替换表数据而不是追加

1 个答案: