jQuery动态增加删除表行效果

添加基于jQuery表的删除代码是删除表行特效代码的动态增加:

运行效果的截图如下:


具体代码如下:

HTML代码:






























身份证件
开始和停止时间
单位/部门
位置



























JS代码:




$(函数(){())
无功show_count = 20; / /要显示的数字
var = 1;到值增加,这里是您的ID
$(# btn_addtr)。Click(function(){)

长度= $(var# dynamictable TBODY TR长度);
警报(长度);
如果(长度< show_count) / /点击,如果数字小于增加的结束条件
{
$(# TBODY TR值(。克隆))。AppendTo(# dynamictable TBODY / /);添加一个表中的行。
(变动指数); / /更新数
}
});


});
功能变动指数(){
var I=1;
$(# dynamictable TBODY TR(每个)功能(TAB){ / /周期下TBODY TR
$(这)找到(输入{姓名=‘不'})。瓦迩(我+ +); / /更新数
});
}

功能deltr(OPP){
长度= $(var# dynamictable TBODY TR长度);
警报(长度);
如果(长度< = 1){
警报(至少有一行);
{人}
$(OPP),父母(家长)(去)(); / /删除当前行
ChangeIndex();
}
}


希望本文能帮助您学习Javascript程序设计。