最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery动态添加删除与添加表行代码
时间:2022-11-14 22:03:30 编辑:袖梨 来源:一聚教程网
具体实现代码如下:
table的HTML如下:
代码如下 | 复制代码 | |
|
添加行的jQuery代码如下:
代码如下 | 复制代码 |
$(function(){ | |
删除代码如下:
$(this).parents("tr").remove();
上面代码感觉不合理也有不兼容我们可以稍加修改
增加的代码如下
代码如下 | 复制代码 |
function AddRow(){ |
删除的代码如下
代码如下 | 复制代码 |
var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行; if(vNum<=2) { alert('请至少留一行'); return; } var vbtnDel=$(this);//得到点击的按钮对象 var vTr=vbtnDel.parent("td").parent("tr");//得到父tr对象; if(vTr.attr("id")=="trDataRow1") { alert('第一行不能删除!'); //第一行是克隆的基础,不能删除 return; }else{ vTr.remove(); } |
下面我们写一个完整的按行实现添加,删除,并在删除后,动态实现下在参考
代码如下 | 复制代码 | ||||
|
相关文章
- 人们熟悉的寄居蟹属于以下哪种分类 神奇海洋11月21日答案 11-21
- 第五人格11.22共研服有什么更新 11月22日共研服更新内容介绍 11-21
- 原神恰斯卡怎么培养 11-21
- 无期迷途四星装束是谁 11-21
- 王者荣耀帝丹高中校服怎么获得 11-21
- 光遇姆明季后续版本怎么玩 11-21