js中复制行和删除行的操作实例


Posted in Javascript onJune 25, 2013
var validateForm = null;
  var num = 2;
  $(document).ready(function(){   var lastCommunAddTr = $("#workDay");
   $("#add").click(function() {


     //复制一行
               var tr = $("#workDay").clone();
               tr.find("#dayMsg1").get(0).style.display="none";
                 tr.find("#remarkMsg1").get(0).style.display="none";
               tr.find("#msg1").get(0).style.display="none";
                tr.find("#day1").get(0).value="";
                tr.find("#dayMsg1").get(0).id="dayMsg"+num;
                tr.find("#day1").get(0).id="day"+num;
                tr.find("#msg1").get(0).id="msg"+num;
                tr.find("#remark1").get(0).value="春节";
               tr.find("#state1").get(0).id="state"+num;
              tr.find("#remark1").get(0).id="remark"+num;
              tr.find("#remarkMsg1").get(0).id="remarkMsg"+num;
               tr.show();
               tr.insertAfter(lastCommunAddTr);
               lastCommunAddTr = tr;
               num++;
            });
            //删除一行
            $("#workDayDel").click(function() {
                var delIndexs = new Array(0);
                $(".trWorkDay:gt(0)").each(function(i) {
                 if($(this).find("#ck").get(0).checked == true){
                  delIndexs.splice(delIndexs.length,0,i);
                     $(this).remove();
                    }
                     $(".trWorkDay").each(function() {
                 lastCommunAddTr = $(this);
                });
                });
            });
  });
Javascript 相关文章推荐
网页禁用右键实现代码(JavaScript代码)
Oct 29 Javascript
js的alert样式如何更改如背景颜色
Jan 22 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
JS实现自动切换文字的导航效果代码
Aug 27 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
May 29 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
Jan 05 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
node.js部署之启动后台运行forever的方法
May 23 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
Aug 06 Javascript
JavaScript中关于预编译、作用域链和闭包的理解
Mar 31 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 #Javascript
js循环改变div颜色具体方法
Jun 25 #Javascript
js点击更换背景颜色或图片的实例代码
Jun 25 #Javascript
js操作iframe的一些方法介绍
Jun 25 #Javascript
动态获取复选框checkbox选中个数的jquery代码
Jun 25 #Javascript
JQuery在页面中添加和除移DOM示例代码
Jun 24 #Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 #Javascript
You might like
一个简洁的PHP可逆加密函数(分享)
2013/06/06 PHP
php class中public,private,protected的区别以及实例分析
2013/06/18 PHP
解析php根据ip查询所在地区(非常有用,赶集网就用到)
2013/07/01 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
启用Csrf后POST数据时出现的400错误
2015/07/05 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
使用jscript实现二进制读写脚本代码
2008/06/09 Javascript
js 方法实现返回多个数据的代码
2009/04/30 Javascript
jqGrid表格应用之新增与删除数据附源码下载
2015/12/02 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
2016/12/28 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
iview在vue-cli3如何按需加载的方法
2018/10/31 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
15分钟上手vue3.0(小结)
2020/05/20 Javascript
快速排序的算法思想及Python版快速排序的实现示例
2016/07/02 Python
Apache如何部署django项目
2017/05/21 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
树莓派实现移动拍照
2019/06/22 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
python爬虫之遍历单个域名
2019/11/20 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
python-docx文件定位读取过程(尝试替换)
2020/02/13 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
Python如何输出整数
2020/06/07 Python
HTML5 本地存储 LocalStorage详解
2016/06/24 HTML / CSS
cosme官方海外旗舰店:日本最大化妆品和美容产品的综合口碑网站
2017/01/18 全球购物
个人简历自我评价
2014/02/02 职场文书
家长建议怎么写
2014/05/15 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
2015年派出所民警工作总结
2015/04/24 职场文书