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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
Javascript 键盘事件的组合使用实现代码
May 04 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
css配合jquery美化 select
Nov 29 Javascript
jquery显示隐藏input对象
Jul 21 Javascript
JS仿Windows开机启动Loading进度条的方法
Feb 26 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
关于javascript中dataset的问题小结
Nov 16 Javascript
基于Javascript实现倒计时功能
Feb 22 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
Vue表单类的父子组件数据传递示例
May 03 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
Sep 30 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实现导出带样式的Excel
2016/08/28 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
超级退弹代码
2008/07/07 Javascript
Date对象格式化函数代码
2010/07/17 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
jQuery+jsp实现省市县三级联动效果(附源码)
2015/12/03 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
2019/10/11 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
2020/04/27 Javascript
解决Vue @submit 提交后不刷新页面问题
2020/07/18 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
[55:11]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第一场 11.26
2020/11/30 DOTA
python计算文本文件行数的方法
2015/07/06 Python
Python优先队列实现方法示例
2017/09/21 Python
解决Python字典写入文件出行首行有空格的问题
2017/09/27 Python
python 打印直角三角形,等边三角形,菱形,正方形的代码
2017/11/21 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
Python闭包执行时值的传递方式实例分析
2018/06/04 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
Python如何应用cx_Oracle获取oracle中的clob字段问题
2019/08/27 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
绢花、人造花和人造花卉:BLOOM
2019/08/07 全球购物
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
加强作风建设心得体会
2014/10/22 职场文书
世界文化遗产导游词
2015/02/13 职场文书
小学教师节活动总结
2015/03/20 职场文书
消防演习感想
2015/08/10 职场文书
python 实现两个变量值进行交换的n种操作
2021/06/02 Python
python中sqllite插入numpy数组到数据库的实现方法
2021/06/21 Python