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类定义例子
Sep 12 Javascript
javascript 导出数据到Excel(处理table中的元素)
Dec 18 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
Nov 14 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
探究JavaScript中的五种事件处理程序方式
Dec 07 Javascript
jquery 实现复选框的全选操作实例代码
Jan 24 Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
Jun 09 Javascript
JS实现关键词高亮显示正则匹配
Jun 22 Javascript
js实现贪吃蛇小游戏
Oct 29 Javascript
Vue如何实现验证码输入交互
Dec 07 Vue.js
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的图形函数中显示汉字
2006/10/09 PHP
模拟flock实现文件锁定
2007/02/14 PHP
又一个php 分页类实现代码
2009/12/03 PHP
从零开始学YII2框架(六)高级应用程序模板
2014/08/20 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
2019/10/10 PHP
ExtJS下grid的一些属性说明
2009/12/13 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
js确认删除对话框效果的示例代码
2014/02/20 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
2015/12/08 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
webpack多页面开发实践
2017/12/18 Javascript
Layui弹出层 加载 做编辑页面的方法
2019/09/16 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
2020/05/15 Javascript
[56:00]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第二场
2018/04/10 DOTA
Python实现通过文件路径获取文件hash值的方法
2017/04/29 Python
Python基于Flask框架配置依赖包信息的项目迁移部署
2018/03/02 Python
Python 使用 attrs 和 cattrs 实现面向对象编程的实践
2019/06/12 Python
Python登录系统界面实现详解
2019/06/25 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
CSS3等相关属性制作分页导航实现代码
2012/12/24 HTML / CSS
HTML5触摸事件演化tap事件介绍
2016/03/25 HTML / CSS
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
毕业生机械建模求职信
2013/10/14 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
投标诚信承诺书
2014/05/26 职场文书
银行进社区活动总结
2014/07/07 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
2014教师年度思想工作总结
2014/11/10 职场文书
css3带你实现3D转换效果
2022/02/24 HTML / CSS
什么是SOLID
2022/03/24 Javascript