如何删除表格的所有行但保留标题

Question

我想删除表中除标题之外的所有行。

这是我尝试过的，但它总是删除所有行和标题：

$("#<%=tblDetailFourn.ClientID%> tbody tr").remove();

$("#<%=tblDetailFourn.ClientID%> tbody tr").not("thead tr").remove();

$("#<%=tblDetailFourn.ClientID%> tr").not("thead tr").remove();

$("#<%=tblDetailFourn.ClientID%> tbody").not("thead").remove();

$("#<%=tblDetailFourn.ClientID%> tbody").remove();

$("#<%=tblDetailFourn.ClientID%> > tbody").remove();

这是 html：

<table id="tblDetailFourn" runat="server" class="ProjetTable ProjetTableHover">
    <thead>
       <tr>
          <th style="width:200px">Rôle de Ressource</th>
          <th style="width:200px">Nom Prénom</th>
          <th style="width:120px">Tel</th>
          <th style="width:200px">Courriel</th>
          <th style="width:80px">Actif</th>
          <th style="width:33px"></th>
          <th style="width:33px"></th>
      </tr>
    </thead>
    <tbody>
    </tbody>
</table>

Answer 1

$('#tblDetailFourn tbody').empty();

Answer 2

尝试使用这个：

$('#<%=tblDetailFourn.ClientID%> tr').not(function(){ return !!$(this).has('th').length; }).remove();

Answer 3

尝试 http://api.jquery.com/child-selector/

$("#<%=tblDetailFourn.ClientID%> > tbody > tr").remove();

你所拥有的应该有效尽管。

Answer 4

怎么样：

$('#tblDetailFourn tbody').html('');

jsfiddle

Answer 5

假设 tbody 中没有任何标题元素，这应该可以工作。

$("#<%=tblDetailFourn.ClientID%> tbody tr").remove();

Answer 6

你试过这个吗？：

$("#<%=tblDetailFourn.ClientID%> tbody").html('')

Answer 7

根据您提供的 html，解决方案如下

$("#tblDetailFourn tbody").empty();

这将完美地工作。

谢谢

Answer 8

$('#tblDetailFourn > tbody > tr > td').parent('tr').empty();

Answer 9

如果你想删除所有tbody，包括标签，那么使用

$("#tblDetailFourn tbody").remove();

它将删除tbody下的所有tr以及tbody。