1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > jquery动态增加删减表格行特效【jquery】

jquery动态增加删减表格行特效【jquery】

时间:2022-08-27 20:47:40

相关推荐

jquery动态增加删减表格行特效【jquery】

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();} }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。