Как удалить все строки таблицы, но сохранить заголовок - PullRequest
15 голосов
/ 23 февраля 2012

Я хочу удалить все строки в моей таблице, кроме заголовка.

Это то, что я пробовал, но всегда удаляет все строки и заголовок:

$("#<%=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>

Ответы [ 9 ]

47 голосов
/ 09 января 2013
$('#tblDetailFourn tbody').empty();
11 голосов
/ 23 февраля 2012

Попробуйте использовать это:

$('#<%=tblDetailFourn.ClientID%> tr').not(function(){ return !!$(this).has('th').length; }).remove();
10 голосов
/ 23 февраля 2012

Попробуйте http://api.jquery.com/child-selector/

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

То, что у вас должно работать, хотя.

4 голосов
/ 23 февраля 2012

А как же:

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

jsfiddle

2 голосов
/ 13 марта 2017

На основе предоставленного вами html решения:

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

Это будет отлично работать.

Спасибо

2 голосов
/ 23 февраля 2012

Вы пробовали это?:

$("#<%=tblDetailFourn.ClientID%> tbody").html('')
2 голосов
/ 23 февраля 2012

Это должно работать, при условии, что у вас нет никаких элементов заголовка в tbody.

$("#<%=tblDetailFourn.ClientID%> tbody tr").remove();
0 голосов
/ 08 января 2019

, если вы хотите удалить весь текст, включая тег, используйте

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

удалит все tr под tbody, а также tbody.

0 голосов
/ 19 мая 2017
$('#tblDetailFourn > tbody > tr > td').parent('tr').empty();
...