本文演示了jQuery动态添加和删除表行的方法,供大家参考,具体分析如下:

昨天,页面表操作状态的添加和删除,看到无数的介绍,找到了一个好东东,jQuery。使用它真的很方便,这是我使用我们的平台的一种方式。

将代码复制如下:记录/添加行号

无功areacount = 1;

记录实际的行数

无功行数= 1;

删除模板html

无功delrowtemplete =删除;

表行模板

无功addrowtemplete = ;

$(函数(){())

/ /先删除需要克隆的模板,为rowtemplete_0模板ID

addrowtemplete = $(# rowtemplete_0 )Html();

});

增加

功能addbatchrow(型){

VaR的模板=美元();

/ /增加序列号,取代{ 0 },_0或TR和TD(0)ID相同,这样的设计是方便的背景值

模板= templete.append(addrowtemplete.replace( / { 0 } / ,{+ areacount +}( / / _0 g.replace),+ areacount _ )。

替代(processstat(0 )

最后一个是在一行拼接之后

var标志= false;

对于(var i = areacount-1;我> = 0;我--){

如果($(# rowtemplete_+我)。长> 0){ $(# rowtemplete_+我)。后(templete.append(delrowtemplete));

break;}

}

计数

areacount + + + +;行数;

}

删除行

功能deletebatchrow(obj){

如果(行数> 1){

$(obj)。父母(TR)删除();

行—;

否则警报}(至少要保存一个银行);如果全部删除,那么没有添加模板的方法也被删除了。

}

获取 /号

功能getareacount(){

返回的行数;

}

背景也很容易使用。可以方便的定义在FormBean的数组变量和获取和设置。

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