清除表jquery

Question

我有一个 HTML表格，里面有很多行。

如何删除表格中的所有行？

Answer 1

使用 .remove()

$("#yourtableid tr").remove();

如果您想要保留数据以备将来使用，那么您可以使用 .detach()

$("#yourtableid tr").detach();

如果行是表的子项，那么您可以使用子选择器而不是后代选择器，如

$("#yourtableid > tr").remove();

Answer 2

如果您想清除数据但保留标题：

$('#myTableId tbody').empty();

必须以这种方式格式化表格：

<table id="myTableId">
    <thead>
        <tr>
            <th>header1</th><th>header2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data1</td><td>data2</td>
        </tr>
    </tbody>
</table>

Answer 3

比单独删除每个人快一点：

$('#myTable').empty()

从技术上讲，这也会删除thead，tfoot和tbody元素。

Answer 4

我需要这个：

$('#myTable tbody > tr').remove();

删除除标题以外的所有行。

Answer 5

$("#employeeTable td").parent().remove();

这将删除所有tr作为孩子的td。即删除标题以外的所有行。

Answer 6

核选项：

$("#yourtableid").html("");

销毁#yourtableid内的所有内容。小心你的选择器，因为它会破坏你传递的选择器中的任何 html！

Answer 7

这将删除属于正文的所有行，从而保持标题和正文保持不变：

$（＆＃34; #tableLoanInfos tbody tr＆＃34;）。remove（）;

Answer 8

  $('#myTable > tr').remove();

Answer 9

拥有这样的表格（带有标题和正文）

<table id="myTableId">
    <thead>
    </thead>
    <tbody>
   </tbody>
</table>

删除#tableId

中有一个名为tbody的父级的tr

$('#tableId tbody > tr').remove();

如果要添加到表中，则反过来

$('#tableId tbody').append("<tr><td></td>....</tr>");

Answer 10

<table id="myTable" class="table" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
        </tr>
    </thead>
    <tbody id="tblBody">

    </tbody>
</table>

并删除：

$("#tblBody").empty();