js中復(fù)制行和刪除行的操作實(shí)例
更新時(shí)間:2013年06月25日 14:46:46 作者:
這篇文章介紹了復(fù)制行與刪除行在JS中操作的實(shí)例,需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
var validateForm = null;
var num = 2;
$(document).ready(function(){
var lastCommunAddTr = $("#workDay");
$("#add").click(function() {
//復(fù)制一行
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="春節(jié)";
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);
});
});
});
});
相關(guān)文章
clipboard.js在移動(dòng)端復(fù)制失敗的解決方法
最近在使用clipboard.js碰到的一個(gè)小問(wèn)題,通過(guò)查找相關(guān)資料解決了,所以下面這篇文章主要給大家介紹了關(guān)于clipboard.js在移動(dòng)端復(fù)制失敗的解決方法,需要的朋友可以參考借鑒,下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06
JavaScript中forEach遍歷數(shù)組舉例詳解
許多小伙伴對(duì)forEach語(yǔ)句應(yīng)該再熟悉不過(guò)了,無(wú)論是前端遍歷渲染還是js中的邏輯處理,這篇文章主要介紹了JavaScript中forEach方法的使用方式、優(yōu)缺點(diǎn)以及實(shí)際應(yīng)用場(chǎng)景,幫助開發(fā)者更好地掌握這一常見的數(shù)組遍歷技術(shù),需要的朋友可以參考下2025-03-03
JS基礎(chǔ)之邏輯結(jié)構(gòu)與循環(huán)操作示例
這篇文章主要介紹了JS基礎(chǔ)之邏輯結(jié)構(gòu)與循環(huán)操作,結(jié)合實(shí)例形式分析了JavaScript邏輯判斷、流程控制、循環(huán)語(yǔ)句等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
驗(yàn)證javascript中Object和Function的關(guān)系的三段簡(jiǎn)單代碼
今天重溫經(jīng)典書籍。這一次看的是博客園李戰(zhàn)老師寫的<<悟透JavaScript>>,也是被樓豬翻看最多的技術(shù)書籍之一。2010-06-06
JavaScript過(guò)濾字符串中的中文與空格方法匯總
這篇文章主要介紹了JavaScript過(guò)濾字符串中的中文與空格方法匯總 的相關(guān)資料,需要的朋友可以參考下2016-03-03

