如何用js删除表格一行或者多行

发布网友发布时间：2022-04-22 16:15

共3个回答

懂视网时间：2022-04-22 19:29

本篇文章给大家带来的内容是关于javascript如何实现删除表格中勾选的行（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

第一步：获取当前表格所选中的数据

//devicelist为表格的id属性
var checkStatus = table.checkStatus('devicelist')
 ,devicecheck_data = checkStatus.data;
var id_str="";
for(var i=0;i<devicecheck_data .length;i++){
 id_str=id_str+devicecheck_data.id;
}

第二步：编写方法，实现传入表格id和当前行的id(唯一标识)，进行删除操作

function remove_table_tr(table_id,remove_id){
 var that_table=$("#"+table_id).next();
 var that_checkid=remove_id.split(",");
 $(that_table).find(".layui-table-body .layui-table tr").each(function(){
 var that_tr=$(this);
 var that_did=$(that_tr).find("td[data-field='did']").text();
 if(that_checkid.indexOf(that_did)!=-1){
 //将当前行进行删除操作
 $(that_tr).remove();
 }
 })
 }

热心网友时间：2022-04-22 16:37

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

1、首先，打开html编辑器，新建html文件，例如：index.html，编写基础代码。

2、在index.html中的<script>标签，输入js代码：$('table tr').eq(1).remove();$('table tr').eq(1).remove();。

3、浏览器运行index.html页面，此时发现表格的最后2行都被js删除了。

热心网友时间：2022-04-22 17:55

可以使用table对象的deleteRow方法

【示例代码】
function delRow() {
// tableObject.deleteRow(index)
document.getElementById('tableId').deleteRow(0);
}
【说明】
deleteRow() 方法用于从表格删除指定位置的行。
参数 index 指定了要删除的行在表中的位置。行的编码顺序就是他们在文档源代码中出现的顺序。<thead> 和 <tfoot> 中的行与表中其它行一起编码。