table中动态删除当前行

有时候我们需要动态的删除table的当前行，实现方法很多中，并不唯一，需要引入jQuery相关依赖才能使用。

2、JS代码

<script type="text/javascript">//obj是点击行的thisfunction deleteTr(obj) {//通过this找到父级元素节点var tr = obj.parentNode.parentNode;//找到表格var tbody = tr.parentNode;//删除行tbody.removeChild(tr);//只剩行首时删除表格if (tbody.rows.length == 1) {tbody.parentNode.removeChild(tbody);}}
</script>

table中动态删除当前行相关推荐

在一个table中动态添加一行或删除一行
<table id="selected_user_table" width="100%" ><thead><tr><t ...
html表格中添加修改和删除链接,jQuery实现为table表格动态添加或删除tr功能示例...
本文实例讲述了jQuery实现为table表格动态添加或删除tr功能.分享给大家供大家参考,具体如下: HTML页面元素如下: 订单合同号捆包号品名规格材质重量业务需求是,从后台获取到订单 ...
js动态删除表格中的某一行
js动态删除表格中的某一行 <!DOCTYPE html> <html lang="en"> <head><meta charset=&q ...
jQuery在table中追加tr和删除tr
jQuery在table中追加tr和删除tr 1. 追加tr jQuery添加新内容有以下四个方法: (1) append() - 在被选元素的结尾插入内容(效果如下图:) (2) prepend() ...
jQuery为table表格动态添加或删除tr
HTML页面元素如下:  <div id="contractDetailDiv" title="销售订单明细&qu ...
WPF 中动态创建和删除控件
WPF 中动态创建和删除控件原文:WPF 中动态创建和删除控件动态创建控件 1.容器控件.RegisterName("Name",要注册的控件) //注册控件 2.容器控件 ...
vue中如何在方法中动态的删除集合中的元素！？
参考https://blog.csdn.net/weixin_42230550/article/details/87990486 vue中,如何在方法中动态的删除集合中的元素? me.btn_elem ...
命令行快速删除当前行_在命令行中快速有效地工作
命令行快速删除当前行 There are a lot of command line tips and trics in the internet. Most of them discribe the ...
elementui在table中使用el-popover删除操作
elementui在table中使用el-popover删除操作 .vue <el-table-column label="操作" width="120" ...

table中动态删除当前行

2、JS代码

table中动态删除当前行相关推荐

最新文章

热门文章