JQuery动态添加和删除表格行的方法

前端之家收集整理的这篇文章主要介绍了JQuery动态添加和删除表格行的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了JQuery动态添加删除表格行的方法分享给大家供大家参考。具体分析如下:

昨天做页面表格行动态添加删除,看了无数的介绍,发现了一个好东东,JQuery。用它实现起来还真的是很方便,这个是我用到我们平台的一个方法

代码如下:
添加行数 var areaCount=1; //记录实际表格行数 var rowCount=1; //删除模板html var delRowTemplete = "删除增加行 function addBatchRow(type){ var templete = $("=0;i--){ if($("#rowTemplete_"+i).length>0){ $("#rowTemplete_"+i).after(templete.append(delRowTemplete)); break;} } //计数加一 areaCount++; rowCount++; } //删除行 function deleteBatchRow(obj){ if(rowCount>1) { $(obj).parents("tr").remove(); rowCount--; } else alert("至少保留一行");//如果全部删除了,那么也就没有办法再添加行了,模板行也被删了呀 } //取得条数 function getAreaCount(){ return rowCount; }
后台使用的也是比较容易的,在FormBean里面定义数组变量来get和set,很方便的。

希望本文所述对大家的jQuery程序设计有所帮助。

猜你在找的jQuery相关文章