为了账号安全,请及时绑定邮箱和手机立即绑定

如何在javascript中清空表格?

如何在javascript中清空表格?

Smart猫小萌 2022-05-26 11:24:03
我不能删除表的行内容,但是如果我也想删除行怎么办?我的 Javascript 代码:(我希望除第一行之外的所有行都消失。)function deleteAll() {        for ( var i = 0; i <= table.rows.length; i++){            table.rows[i].cells[0].innerHTML = "";            table.rows[i].cells[1].innerHTML = "";            table.rows[i].cells[2].innerHTML = "";                    }                 }我的 HTML 表:<body>    <div class="container">        <div class="tab tab-1">            <table id="table" border="1">                <th>                    <th>First Name</th>                    <th>Last Name</th>                    <th>Age</th>                </th>                <tr>                    <td>Frank</td>                    <td>Nenjim</td>                    <td>19</td>                </tr>                <tr>                    <td>Alex</td>                    <td>Ferreira</td>                    <td>23</td>                </tr>            </table>              </div>        <div class="tab tab-2">            First Name :<input type="text" name="fname" id="fname">            Last Name :<input type="text" name="lname" id="lname">            Age :<input type="number" name="age" id="age">            <button onclick="deleteAll()">Delete All</button>        </div>    </div>    <script src="tableEdit.js"></script></body>    所以,上面的 Javascript 代码不能满足我,因为我只想保留第一行。我不想要空行。
查看完整描述

3 回答

?
慕森王

TA贡献1777条经验 获得超3个赞

您可以使用本示例remove()中描述的 jQuery 函数来删除除(第一个)标题行之外的所有行:

$('#table tr:not(:first)').remove();

您可能只想删除本文<tbody>中提到的正文部分(内部)行:

$('#table > tbody > tr').remove();


查看完整回答
反对 回复 2022-05-26
?
翻翻过去那场雪

TA贡献2065条经验 获得超14个赞

for(var i = 1;i<table.rows.length;){

            table.deleteRow(i);

        }


查看完整回答
反对 回复 2022-05-26
?
慕尼黑8549860

TA贡献1818条经验 获得超11个赞

如果您只想删除数据行,请使用

$("#table tr").remove();

如果你想用标题清空表,然后使用

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


查看完整回答
反对 回复 2022-05-26
  • 3 回答
  • 0 关注
  • 541 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号