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 08 Javascript
某人初学javascript的时候写的学习笔记
Dec 30 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
Oct 11 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
Oct 15 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
jQuery中add()方法用法实例
Jan 08 Javascript
jquery基础知识第一讲之认识jquery
Mar 17 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
BetterScroll 在移动端滚动场景的应用
Sep 18 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
详解javascript对数组和json数组的操作
Apr 15 Javascript
element-ui中el-upload多文件一次性上传的实现
Dec 02 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 join函数应用
2011/05/04 PHP
数组与类使用PHP的可变变量名需要的注意的问题
2013/06/20 PHP
PHP获取中英混合字符串长度的方法
2014/06/07 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
CodeIgniter常用知识点小结
2016/05/26 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
细品javascript 寻址,闭包,对象模型和相关问题
2009/04/27 Javascript
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
使用jquery动态加载javascript以减少服务器压力
2012/10/29 Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
2012/12/26 Javascript
JavaScript实现select添加option
2015/07/03 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
2017/06/01 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
关于JS模块化的知识点分享
2019/10/16 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python开发之函数定义实例分析
2015/11/12 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
Python IDE环境之 新版Pycharm安装详细教程
2020/03/05 Python
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
软件测试工程师笔试题带答案
2015/03/27 面试题
会计电算化个人自我评价
2013/11/17 职场文书
领班岗位职责范文
2014/02/06 职场文书
《少年王冕》教学反思
2014/04/11 职场文书
我有一个梦想演讲稿
2014/05/05 职场文书
离婚上诉状范文
2015/05/23 职场文书