我有一个 HTML 表格填充了许多行。
我怎样才能 拿开表中的所有行?
Use 翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳翻译: 奇芳
$("#yourtableid tr").remove();
如果您希望保留数据以供将来使用,即使在删除数据之后,也可以使用 一个 href = “ http://api.jquery.com/detach/”rel = “ norefrer”> . detach ()
$("#yourtableid tr").detach();
如果行是表的子级,那么可以使用子选择器而不是子选择器,如
$("#yourtableid > tr").remove();
比单独移除要稍微快一点:
$('#myTable').empty()
技术上,这将删除 thead,tfoot和 tbody元素太。
thead
tfoot
tbody
如果要清除数据但保留标题:
$('#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!
#yourtableid
$("#employeeTable td").parent().remove();
这将删除所有将 td作为子级的 tr。也就是说,除了标题之外的所有行都将被删除。
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();