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

本人小白 没清掉

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-09-21

思路:使用 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、效果演示

第2个回答  2011-08-12
你可以这样 在tbody上加个属性,比如 <tbody id="hi">
$("#hi").text("");
第3个回答  2011-08-12
$('table tr td').html('');
第4个回答  2011-08-12
$('table tbody td').text('');
相似回答