数码资讯
jQuery实现了增加删除行的方法。
本文介绍了用jQuery增加删除行的方法,供大家参考,具体分析如下: 最近,一个投票管理模块需要添加问题选项。为了方便,它简单地实现了表格行的添加和删除。 注:jquery.js需要介绍 第一效果图:(默认情况下有4行) 表格代码: 复制代码代码如下所示: 下属的问题 (丹轩) (改选): {问题}
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了用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程序设计有所帮助。
最近,一个投票管理模块需要添加问题选项。为了方便,它简单地实现了表格行的添加和删除。
注: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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。