jquery怎么清空table的tbody中的数据

Question

本人小白 没清掉

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：$('table tbody').html('');。

3、浏览器运行index.html页面，此时table中的tbody内容被成功清空了。

Answer 2

思路：使用 jquery的html()方法将tbody的内容（包括 HTML 标记）设置为空。下面实例演示点击按钮后清空tbody数据：

1、HTML结构

<table id = "test">
<thead>
<tr><td>列1</td><td>列2</td><td>列3</td><td>列4</td></tr>
</thead>
<tbody>
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</tbody>
</table>
<input type="button" id="btn" value="清空">

2、jquery代码

$(function(){
$("#btn").click(function() {
$("#test tbody").html("");
});
});

3、效果演示

Answer 3

你可以这样 在tbody上加个属性，比如 <tbody id="hi">
$("#hi").text("");

Answer 4

$('table tr td').html('');

Answer 5

$('table tbody td').text('');