清除表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

核选择:

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

摧毁里面的一切#yourtableid.小心你的选择器,因为它会破坏你传递的选择器中的任何 html!

Answer 6

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

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

Answer 7

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

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