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 相关文章推荐
js select option对象小结
Dec 20 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
Javascript函数的参数
Jul 16 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
js实现上传图片预览方法
Oct 25 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
React Native中NavigatorIOS组件的简单使用详解
Jan 27 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
微信小程序合法域名配置方法
May 06 Javascript
JavaScript中reduce()的5个基本用法示例
Jul 19 Javascript
vue style width a href动态拼接问题的解决
Aug 07 Javascript
vue中的可拖拽宽度div的实现示例
Apr 08 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 Ajax实现页面无刷新发表评论
2007/01/02 PHP
php 批量替换html标签的实例代码
2013/11/26 PHP
两个php日期控制类实例
2014/12/09 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
php正则表达式获取内容所有链接
2015/07/24 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
php compact 通过变量创建数组
2016/11/15 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
IE和firefox浏览器的event事件兼容性汇总
2009/12/06 Javascript
基于jQuery实现左右div自适应高度完全相同的代码
2012/08/09 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
nodejs事件的监听与触发的理解分析
2015/02/12 NodeJs
JS自定义混合Mixin函数示例
2016/11/26 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
Vue单页及多页应用全局配置404页面实践记录
2018/05/22 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
2018/09/05 jQuery
Vue组件为什么data必须是一个函数
2020/06/11 Javascript
python开启多个子进程并行运行的方法
2015/04/18 Python
Python函数式编程指南(四):生成器详解
2015/06/24 Python
python读取和保存视频文件
2018/04/16 Python
Python3.5文件读与写操作经典实例详解
2019/05/01 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
用python打印菱形的实操方法和代码
2019/06/25 Python
Django Docker容器化部署之Django-Docker本地部署
2019/10/09 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
Omio葡萄牙:全欧洲低价大巴、火车和航班搜索和比价
2019/02/09 全球购物
高一自我鉴定
2013/12/17 职场文书
2014年健康教育实施方案
2014/02/17 职场文书
公司寄语大全
2014/04/10 职场文书
党员干部反四风对照检查材料思想汇报
2014/09/14 职场文书
民事调解书范文
2015/05/20 职场文书
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技