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 相关文章推荐
Firebug入门指南(Firefox浏览器)
Aug 21 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
Jul 22 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
JS三级可折叠菜单实现方法
Feb 29 Javascript
ionic实现可滑动的tab选项卡切换效果
Apr 15 Javascript
收藏AngularJS中最重要的核心功能
Jul 09 Javascript
利用Three.js如何实现阴影效果实例代码
Sep 26 Javascript
详解element-ui中form验证杂记
Mar 04 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
多个vue子路由文件自动化合并的方法
Sep 03 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
在WIN98下以apache模块方式安装php
2006/10/09 PHP
推荐php模板技术[转]
2007/01/04 PHP
php 日期时间处理函数小结
2009/12/18 PHP
PHP测试程序运行时间的类
2012/02/05 PHP
PHP加密3DES报错 Call to undefined function: mcrypt_module_open() 如何解决
2016/04/17 PHP
PHP使用curl函数发送Post请求的注意事项
2016/11/26 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
Dom 是什么的详细说明
2010/10/25 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
2015/09/15 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
Vue计算属性的使用
2017/08/04 Javascript
使用store来优化React组件的方法
2017/10/23 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
Python变量赋值的秘密分享
2018/04/03 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
python获取地震信息 微信实时推送
2019/06/18 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
详解Python3.8+PyQt5+pyqt5-tools+Pycharm配置详细教程
2020/11/02 Python
基于CSS3实现立方体自转效果
2016/03/01 HTML / CSS
东南亚冒险旅行与活动:Adventoro
2019/10/16 全球购物
Engel & Bengel官网:婴儿推车、儿童房家具和婴儿设备
2019/12/28 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
将一个数的从第5位开始的7个数取出,其余位置0
2016/05/26 面试题
服务员态度差检讨书
2014/10/28 职场文书
走群众路线学习笔记
2014/11/06 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
十大最强水系宝可梦,最美宝可梦排第三,榜首大家最熟悉
2022/03/18 日漫
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android