当前位置: 编程技术>jquery
jquery动态增加、删除表格行的例子
来源: 互联网 发布时间：2014-09-03
本文导语: 本节内容： 动态增加、删除表格行的jquery代码。 例子： 代码示例: body{background:#FFFFFF;} /** * jquery动态增加删除表格行 * by www. */ $(function(){ var show_count = 20; //要显示的条数 var count = $("input:text").val(); ...
本节内容：
动态增加、删除表格行的jquery代码。
例子：
代码示例:
body{background:#FFFFFF;}
/**
* jquery动态增加删除表格行
* by www.
*/
$(function(){
var show_count = 20; //要显示的条数
var count = $("input:text").val(); //递增的开始值，这里是你的ID
var fin_count = parseInt(count) + (show_count-1); //结束递增的条件
$("#btn_addtr").click(function(){
if(count < fin_count) //点击时候，如果当前的数字小于递增结束的条件
{
$("tr:eq(1)").clone().appendTo("table"); //在表格后面添加一行
$("tr:last td input:first").val(++count); //改变添加的行的ID值。
}
});
});
function deltr(){
var length=$("tr").length;
if(length>>查看更多Jquery 教程
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
站内导航:
特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除！