我认为这会相当简单,但似乎空方法无法清除我所拥有的那个人。如果有人知道这样做的正确方法,我将不胜感激,我只想删除tbody中包含的所有内容。到目前为止,我正在尝试:
$("#tbodyid").empty();
HTML:
<table>
<tbody id="tbodyid">
<tr><td>something</td></tr>
</tbody>
</table>
注意:我正在尝试将其与其他人编写的插件集成,以便我将其用于项目。我正在生成新的<tr><td>new data</td></tr>
服务器端,并希望能够消除现有的表行并在AJAX回调中替换它们。
答案 0 :(得分:101)
jQuery的:
$("#tbodyid").empty();
HTML:
<table>
<tbody id="tbodyid">
<tr>
<td>something</td>
</tr>
</tbody>
</table>
答案 1 :(得分:44)
你可能已经发现了这一点,但对于遇到这个问题的人来说:
$("#tableId > tbody").html("");
答案 2 :(得分:2)
<table id="table_id" class="table table-hover">
<thead>
<tr>
...
...
</tr>
</thead>
</table>
使用此命令清除该表的正文:$("#table_id tbody").empty()
我使用jquery动态加载表内容,并在执行刷新时使用此命令清除正文。
希望这会对你有所帮助。
答案 3 :(得分:2)
使用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>
答案 4 :(得分:1)
您可以使用以下示例的remove()
函数
并再次用表头和表体构建表
$("#table_id thead").remove();
$("#table_id tbody").remove();
答案 5 :(得分:1)
$('#tableId').find("tr:gt(0)").remove();
这不会删除标题,只会清除表格主体。
答案 6 :(得分:0)
没有使用ID(<tbody id="tbodyid">
),这是解决此问题的好方法
$('#table1')。find(“ tr:gt(0)”)。remove();
PS:如以下示例所示,要删除特定的行号
$('#table1 tr')。eq(1).remove();
或
$('#tr:nth-child(2)')。remove();