最新下载
热门教程
- 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(); } |
下面我们写一个完整的按行实现添加,删除,并在删除后,动态实现下在参考
代码如下 | 复制代码 | ||||
|
相关文章
- 《原神》5.2卡池抽取建议 11-14
- 《原神》5.2版本新怪物介绍 11-14
- 《原神》希诺宁增伤触发方法 11-14
- 《原神》循音觅奇活动入口 11-14
- 《原神》循音觅奇兑换码获取方法 11-14
- 《原神》花羽会活动飞行技巧介绍 11-14