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 相关文章推荐
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
Jul 04 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
一个简单的jQuery计算器实现了连续计算功能
Jul 21 Javascript
Javascript中的关键字和保留字整理
Oct 16 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
Nov 28 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
利用Jasmine对Angular进行单元测试的方法详解
Jun 12 Javascript
JS实现的找零张数最小问题示例
Nov 28 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 Javascript
vue开发拖拽进度条滑动组件
Sep 21 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
十大“创意”战术!
2020/03/04 星际争霸
多数据表共用一个页的新闻发布
2006/10/09 PHP
session在PHP大型web应用中的使用
2011/06/25 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
Linux+Nginx+MySQL下配置论坛程序Discuz的基本教程
2015/12/23 PHP
鼠标右击事件代码(asp.net后台)
2011/01/27 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
javascript 闭包详解
2015/07/02 Javascript
javascript伸缩菜单栏实现代码分享
2015/11/12 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
Vue使用vue-cli创建项目
2017/09/01 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
微信小程序搭建自己的Https服务器
2019/05/02 Javascript
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
Python使用爬虫猜密码
2016/02/19 Python
快速解决安装python没有scripts文件夹的问题
2018/04/03 Python
python 提取tuple类型值中json格式的key值方法
2018/12/31 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
亚洲航空公司官方网站:AirAsia
2019/11/25 全球购物
会计职业生涯规划范文
2014/01/04 职场文书
县级文明单位申报材料
2014/05/23 职场文书
应届毕业生自荐信
2014/05/28 职场文书
贷款委托书
2014/08/01 职场文书
全国助残日活动总结
2015/05/11 职场文书