手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js中复制行和删除行的操作实例
js中复制行和删除行的操作实例
摘要:复制代码代码如下:varvalidateForm=null;varnum=2;$(document).ready(function(){va...

复制代码 代码如下:

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);

});

});

});

});

【js中复制行和删除行的操作实例】相关文章:

光标定位等TextRange的操作的范例代码

Javascript进制转换实例

JQuery中层次选择器用法实例详解

javaScript中with函数用法实例分析

JQuery中DOM加载与事件执行实例分析

Jquery中基本选择器用法实例详解

JQuery中clone方法复制节点

js去字符串前后空格的实现方法

Javascript动态创建表格及删除行列的方法

javascript带回调函数的异步脚本载入方法实例分析

精品推荐
分类导航