Question

我想删除数据表的<tbody>内容：

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="myTable">
    <thead>
        <tr>
            <th>Field_1</th>
            <th>Field_2</th>
            <th>Field_3</th>
        </tr>
    </thead>
    <tbody id="myTableBody">
        <tr>
            <td>DATA</td>
            <td>DATA</td>
            <td>DATA</td>
        </tr>
        <tr>
            <td>DATA</td>
            <td>DATA</td>
            <td>DATA</td>
        </tr>
    </tbody>

我尝试使用$("#myTableBody").empty()或$("#myTableBody").html("")，但它不起作用。我不想删除<thead>

提前致谢

Answer 1

虽然您的代码正常see here，但您可以尝试以下答案：

尝试

$("#myTableBody tr").empty()

OR

$("#myTableBody tr").html("")

OR

$("#myTable tbody tr").empty()

OR

$("#myTable tbody").empty()

DEMO

不要忘记包含jquery库并将jquery代码放在document.ready()块中。

Answer 2

试试这个http://jsfiddle.net/Tushar490/s8pqqnL9/1/

$("#myTable tbody").html("");

Answer 3

创建数据表后，必须使用数据表API来创建或删除行。

清除表格中的所有行：

// using datatable 1.9 or lower :
$('#myTable').dataTable().fnClearTable();

// using datatables 1.10 or higher :
$('#myTable').dataTable().clear();

参考：

删除TableData的内容

3 个答案: