清除表jQuery

我有一个HTML表填充了许多行。

如何从表中删除所有行？

使用.remove（）

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

如果您想保留数据以备将来使用，甚至可以将其删除，则可以使用.detach（）

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

如果行是表的子级，则可以使用子级选择器代替子级选择器，例如

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

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

$('#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>

比单独删除每个组件要快一些：

$('#myTable').empty()

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

我需要这个：

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

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

核选择：

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

销毁内的所有内容#yourtableid。注意选择器，因为它会破坏您通过的选择器中的所有 html！

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

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

这将删除属于主体的所有行，从而使标题和主体保持完整：

$("#tableLoanInfos tbody tr").remove();

<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();

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

有一个这样的表（带有标题和主体）

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

删除每一个在#tableId中有一个称为tbody的父级的tr

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

如果要添加到表中，则相反

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