本文介绍了用jQuery增加删除行的方法,供大家参考,具体分析如下:

最近,一个投票管理模块需要添加问题选项。为了方便,它简单地实现了表格行的添加和删除。

注:jquery.js需要介绍

第一效果图:(默认情况下有4行)



表格代码:

复制代码代码如下所示:





下属的问题

(丹轩)

(改选):





{问题}









选项1:













选项2:













选项3:













选项4:















添加一行





JS代码:

复制下面的代码:VAR行= 4; / /行数为默认的4



添加行

功能addRow(){

行数+ +;

无功newrow = 'option' +行+:删除;

$(# optioncontainer追加(newrow));

}



删除行

功能delrow(开始){

$(#选项+开始)删除();

行—;

}

需要注意的是表单中的id需要定义。如果默认情况下有一行,它将按照代码显示的方式定期定义id,以便在方便地添加行时定义新的行ID。

在JS,我们必须定义一个行数变,因为我默许了4列默认情况下(第一排,即ID = 'option0 ',可以忽略),所以定义在JS的行数是4。默认情况下。

好了,完成了,很简单。

此外,如果需要在指定位置添加行,则需要编写此行

复制代码代码如下:$(#选项卡TR)。Eq(2)。后(关键字名称:* );

- 2是在第二个TR倒计时之后添加行。

Tab是这张桌子的ID。

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