如何在JS中删除table中的一行

答案:2 悬赏:50 手机版

解决时间 2021-03-15 22:52

提问者网友：孤凫
2021-03-15 02:23

JSP中：

页面显示出来是这样的：
1 XXX 未核
2 AAA 修改
3 BBB 通过

我想在JS中写一个方法，让他只删掉“3 BBB 通过”的这行，其他两行都保留，应该怎么办？

最佳答案

五星知识达人网友：低血压的长颈鹿
2021-03-15 02:52

table:
tabObj.deleteRow(rowIndex);

select:
selectObj.remove(rowIndex);

rowIndex是行号

全部回答

1楼网友：十鸦
2021-03-15 03:45

<html> <head> <title></title> <script type="text/javascript"> function goto(){} function deletecurrentrow(obj){ var tr=obj.parentnode.parentnode; var tbody=tr.parentnode; tbody.removechild(tr); } </script> </head> <body> <table cellspacing="0" rules="all" bordercolor="#cccccc" border="1" id="dgflowlist" > <tr class="datagrid_headerstyle" nowrap="nowrap" align="center"> <td>流程名称</td><td>表单名称</td><td>上传附件</td><td>操作</td> </tr> <tr> <td >请假单1</td> <td >请假单</td> <td align="center" >不允许</td> <td align="center" > <a href="javascript:goto();" onclick='{if(confirm("确定要删除【请假单1】这个流程吗?")) {deletecurrentrow(this); }else {}}'>删除</a> </td> </tr> <tr> <td >请假单2</td> <td >请假单</td> <td align="center" >不允许</td> <td align="center" > <a href="javascript:goto();" onclick='{if(confirm("确定要删除【请假单2】这个流程吗?")) {deletecurrentrow(this); }else {}}'>删除</a> </td> </tr> <tr> <td >请假单3</td> <td >请假单</td> <td align="center" >不允许</td> <td align="center" > <a href="javascript:goto();" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deletecurrentrow(this); }else {}}'>删除</a> </td> </tr> <tr> <td >请假单4</td> <td >请假单</td> <td align="center" >不允许</td> <td align="center" > <a href="javascript:goto();" onclick='{if(confirm("确定要删除【请假单4】这个流程吗?")) {deletecurrentrow(this); }else {}}'>删除</a> </td> </tr> </table> </body> </html>

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！