jQuery，清除/清空tbody元素的所有内容？

我以为这很简单，但似乎空方法无法清除我的肢体。如果有人知道执行此操作的正确方法，我将不胜感激，我只想删除tbody中包含的所有内容。到目前为止，我正在尝试：

$("#tbodyid").empty();

HTML：

<table>
<tbody id="tbodyid">
<tr><td>something</td></tr>
</tbody>
</table>

注意：我正在尝试将其与由其他人编写的用于项目的插件集成。我正在生成新的<tr><td>new data</td></tr>服务器端，并希望能够擦除现有表行并将其替换为AJAX回调。

jQuery的：

$("#tbodyid").empty();

HTML：

<table>
    <tbody id="tbodyid">
        <tr>
            <td>something</td>
        </tr>
    </tbody>
</table>

对我
有用http://jsfiddle.net/mbsh3/

您可能已经发现了这个问题，但是对于那些坚持这个问题的人来说：

$("#tableId > tbody").html("");

使用jQuery删除表头或表主体的示例

function removeTableHeader(){
  $('#myTableId thead').empty();
}

function removeTableBody(){
    $('#myTableId tbody').empty();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id='myTableId'  border="1">
  <thead>
    <th>1st heading</th>
    <th>2nd heading</th>
    <th>3rd heading</th>
  </thead>  
  <tbody>
    <tr>
      <td>1st content</td>
      <td>1st content</td>
      <td>1st content</td>
    </tr>
    <tr>
      <td>2nd content</td>
      <td>2nd content</td>
      <td>2nd content</td>
    </tr>
    <tr>
      <td>3rd content</td>
      <td>3rd content</td>
      <td>3rd content</td>
    </tr>
  </tbody>
</table>
<br/>
<form>
  <input type='button' value='Remove Table Header' onclick='removeTableHeader()'/>
  <input type='button' value='Remove Table Body' onclick='removeTableBody()'/>
</form>

        <table id="table_id" class="table table-hover">
          <thead>
            <tr>
             ...
             ...
            </tr>
          </thead>
        </table>

使用此命令清除该表的主体： $("#table_id tbody").empty()

我使用jquery动态加载表内容，并在执行刷新时使用此命令清除正文。

希望对您有帮助。

您可以使用remove()以下示例的功能，并使用表头和表主体再次构建表

$("#table_id  thead").remove();
$("#table_id  tbody").remove();

没有使用ID（<tbody id="tbodyid">），这是解决此问题的好方法

$（'＃table1'）。find（“ tr：gt（0）”）。remove（）;

PS：要删除特定的行号，如下例

$（'＃table1 tr'）。eq（1）.remove（）;

要么

$（'＃tr：nth-​​child（2）'）。remove（）;