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 相关文章推荐
jquery cookie插件代码类
May 26 Javascript
JavaScript iframe的相互操作浅析
Oct 14 Javascript
最简单的js图片切换效果实现代码
Sep 24 Javascript
js变换显示图片的实例
Apr 16 Javascript
Javascript实现滚动图片新闻的实例代码
Nov 27 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
bootstrap轮播模板使用方法详解
Nov 17 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
Feb 24 Javascript
解决Vue watch里调用方法的坑
Nov 07 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的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
列表内容的选择
2006/06/30 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
jquery用offset()方法获得元素的xy坐标
2014/09/06 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
2015/07/08 Javascript
使用Chart.js图表库制作漂亮的响应式表单
2015/10/28 Javascript
jQuery常用的一些技巧汇总
2016/03/26 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
2019/01/24 Javascript
解决Layui 表格自适应高度的问题
2019/11/15 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
TF-IDF与余弦相似性的应用(二) 找出相似文章
2017/12/21 Python
Python实现将doc转化pdf格式文档的方法
2018/01/19 Python
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
2012/11/29 HTML / CSS
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
英国最大的正宗复古足球衫制造商和零售商:TOFFS
2018/06/21 全球购物
学校司机岗位职责
2013/11/14 职场文书
大学毕业通用个人的求职信
2013/12/08 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
导游个人求职信范文
2014/03/23 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
学生会竞选演讲稿纪检部
2014/08/25 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
python使用openpyxl库读写Excel表格的方法(增删改查操作)
2021/05/02 Python
Vue的生命周期一起来看看
2022/02/24 Vue.js
Python turtle编写简单的球类小游戏
2022/03/31 Python