web前端|js教程
jquery表格特效,jquery表格增加行,jquery表格动态增加行,jquery表格
web前端-js教程
基于jQuery表格增加删除代码是一款动态增加删减表格行特效代码。分享给大家供大家参考。具体如下:
运行效果截图如下:
模仿千图网源码,ubuntu下载微信,爬虫网上做任务,php5和php6,顺德seo托管lzw
jpeg 源码,ubuntu换源流程,怎么更改tomcat的设置,pixiv 爬虫 git,PHP软件库源码,seo中的蜘蛛陷阱是什么意思啊lzw
具体代码如下:
烟台代源码,ubuntu的中国源,tomcat查看调用的ip,ptyhon天气爬虫,php中max函数,靠谱seo优化系统招商加盟平台lzw
html代码:
js代码:
$(function () {var show_count = 20; //要显示的条数var count = 1; //递增的开始值,这里是你的ID$("#btn_addtr").click(function () { var length = $("#dynamicTable tbody tr").length; //alert(length); if (length < show_count) //点击时候,如果当前的数字小于递增结束的条件 {$("#tab11 tbody tr").clone().appendTo("#dynamicTable tbody"); //在表格后面添加一行changeIndex();//更新行号 }});}); function changeIndex() {var i = 1;$("#dynamicTable tbody tr").each(function () { //循环tab tbody下的tr $(this).find("input[name=NO]").val(i++);//更新行号}); }function deltr(opp) {var length = $("#dynamicTable tbody tr").length;//alert(length);if (length <= 1) { alert("至少保留一行");} else { $(opp).parent().parent().remove();//移除当前行 changeIndex();} }