jquery动态增加删减表格行特效

基于jQuery表格增加删除代码是一款动态增加删减表格行特效代码。分享给大家供大家参考。具体如下：运行效果截图如下：

具体代码如下：

超文本标记语言代码：

div style=' width :720 px ' margin 336020 px auto '表格id='tab11 '样式='display: none' tbody tr td高度='30 '对齐='居中'输入类型=“文本”名称='否'大小='2 '值=' 1 '/TD TD对齐='中心'输入类型=“文本”名称='开始_结束_时间'/TD TD对齐='中心'输入类型=“文本”名称=' unit _ department '/TD align=' center '输入类型=“文本”名称=' post '/TD TD TD输入类型='按钮'删行//td /tr /tbody /table输入类型='button' id='btn_addtr' value='增行'/表id=' dynamicTable '宽度='700 '边框='0 '单元格间距='0 '单元格填充='0 '以及tr td高度=' 30 ' align=' center ' bgcolor=' # CCCCCC ' id/TD align=' center ' bgcolor=' # CCCCCC '起止时间/TD TD align=' center ' bgcolor=' # CCCCCC '单位/部门/TD TD align=' center ' bgcolor=' # CCCCCC职位/TD TD/TD/tr/ad t车身tr TD高度=' 30 '对齐='中心'输入类型=' text '名称=' NO '大小=' 2 '值=' 1 '/TD TD对齐='居中'输入类型=' text '名称=' start _ end _ time '/TD TD对齐=' center '输入类型=' text '名称=' unit _ department '/TD align=' center '输入类型=' text '名称=' post '/TD TD TD输入类型='button' id='Button2 '单击删行//td /tr /tbody /table /divjs代码：

$(function(){ var show _ count=20；//要显示的条数定义变量计数=1;//递增的开始值，这里是你的ID $('#btn_addtr ').click(function(){ var length=$(' # dynamic able t body tr ')).长度；//警报(长度);如果(长度show_count) //点击时候，如果当前的数字小于递增结束的条件{ $('#tab11 tbody tr ').克隆()。appendo(' #动态表体')；//在表格后面添加一行更改索引()；//更新行号} });});函数change index(){ var I=1；$(' #动态表体tr ').每个（函数(){ //循环tab tbody下的tr $(这个)。查找('输入[名称='否']')。瓦尔（一);//更新行号});}函数deltr(opp){ var length=$(' # dynamic ablet body tr ').长度；//警报(长度);如果(长度=1) { alert('至少保留一行');} else { $(opp).父项()。父项()。移除();//移除当前行更改索引()；} }希望本文所述对大家学习爪哇岛描述语言成程序设计有所帮助。