清除表 jquery

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

我怎样才能 拿开表中的所有行?

271279 次浏览

Use 翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳

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

如果您希望保留数据以供将来使用,即使在删除数据之后,也可以使用 一个 href = “ http://api.jquery.com/detach/”rel = “ norefrer”> . detach ()

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

如果行是表的子级,那么可以使用子选择器而不是子选择器,如

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

比单独移除要稍微快一点:

$('#myTable').empty()

技术上,这将删除 theadtfoottbody元素太。

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

$('#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 tbody > tr').remove();

It deletes all rows except the header.

核选项:

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

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

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

这将删除所有将 td作为子级的 tr。也就是说,除了标题之外的所有行都将被删除。

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

这将移除所有属于身体的行,从而保持头部和身体完整:

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