清除表jquery

122

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

如果你想保留以備將來使用的數據，甚至刪除它，然後之後你可以使用.detach()

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

如果行是孩子表，那麼你可以使用子選擇器，而不是後代選擇器，如

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

來源

2010-04-12 06:15:46 rahul

+11

注意最後一個：大多數瀏覽器在'tr'元素周圍添加一個隱式'tbody'元素。 – nickf 2010-04-12 06:20:57

38

不是分別去除每一個稍快：

$('#myTable').empty()

技術上講，這將移除thead，tfoot和tbody元件太。

來源

2010-04-12 06:19:19 nickf

60

如果要清除數據，但保持頭：

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

表必須以這種方式進行格式化：

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

來源

2011-10-12 12:33:15 HoffZ

+1

thanks.this幫助 – 2012-06-22 07:57:14

+0

這是工作，但這刪除'tbody'本身的所有'TR'裏面。 – 2016-11-15 14:45:25

24

，我需要這樣的：

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

它刪除除標題以外的所有行。

來源

2012-03-12 20:11:17

9

核選擇：

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

破陣的#yourtableid內的一切。小心你的選擇器，因爲它會破壞任何在你通過選擇器的HTML！

來源

2012-08-10 22:30:59 KevinDeus

+2

+1對於核:)。但應該明白，這不是'最好'的風格:)我不會推薦它在一般 – Budda 2014-01-06 03:29:20

+0

大聲笑。同意。在過去，我已經使用這種特殊的方法來解決困難的情況*。它在JQuery應用程序領域有一些有效的用處。 – KevinDeus 2014-01-07 07:22:03

5

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

這將去除具有td爲孩子所有tr。即除標題以外的所有行都將被刪除。

來源

2013-09-12 20:02:04

0

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

來源

2013-10-11 10:30:24

0

具有像這樣的表（具有報頭和身體）

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

移除每Tr具有#tableId

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

內部和反向如果父母稱爲TBODY你想添加到你的表格

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

來源

2017-05-23 12:17:02 user3676127

0

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

來源

2017-07-01 17:11:48 miragessee

1

這將刪除所有屬於身體，從而保持頭部和身體的完整行：

$（「＃tableLoanInfos TBODY TR」）刪除（）;

來源

2017-09-18 19:23:46

回答

相關問題