Jquery,清除/清空tbody元素的所有内容？

Question

我认为这将是相当简单的,但似乎空方法无法清除我所拥有的那个人.如果有人知道这样做的正确方法,我将不胜感激,我只想删除tbody中包含的所有内容.到目前为止,我正在尝试:

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

HTML:

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

注意:我正在尝试这样做以与我正在用于项目的其他人编写的插件集成.我正在生成新的<tr><td>new data</td></tr>服务器端,并希望能够消除现有的表行并在AJAX回调中替换它们.

Answer 1

jQuery的:

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

HTML:

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

适合我的工作
http://jsfiddle.net/mbsh3/

Answer 2

您可能已经发现了这一点,但对于遇到此问题的人:

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

Answer 3

使用 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>

Answer 4

$('#tableId').find("tr:gt(0)").remove();

这不会删除标题，只会清除表体。