web-dev-qa-db-ja.com

テーブルのすべての行を削除するがヘッダーを保持する方法

テーブルのヘッダーを除くすべての行を削除したい。

これは私が試したものですが、常にすべての行とヘッダーを削除します：

$("#<%=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>
jqueryasp.nethtml-table
15
Marc

これを使ってみてください：

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

http://api.jquery.com/child-selector/ を試してください

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

あなたが持っているものは動作するはずです。

10
Brian Mains

どうですか：

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

jsfiddle

4
SenorAmor

あなたが提供したhtmlに基づいて、ソリューションは次のとおりです

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

これは完全に機能します。

ありがとう

2
Md. Russel Hussain

これは、tbodyにヘッダー要素がないことを前提に機能します。

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

これを試しましたか？：

$("#<%=tblDetailFourn.ClientID%> tbody").html('')
2
Michal Borek
$('#tblDetailFourn > tbody > tr > td').parent('tr').empty();
0
GuestFirstPost

タグを含むすべてのtbodyを削除する場合は、使用します

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

tbodyとtbodyの下のすべてのtrが削除されます。

0
Sachin Gupta