js复制克隆
2018-06-24 01:14:56来源:未知 阅读 ()
$(function() {//开始加载
updateIndex()
})
function add(){
var str = $(".tr_wqxx").first().clone(true)//复制该类的第一个为模板
$("#tb_wpxx").append(str)//把模板添加到对应id的table中
str.find("input").val('');//把模板中value值清空
str.find("input").eq(4).attr("class","bottom_button_qx");//添加删除按钮
updateIndex()//执行方法把List中name 数组下标更新
}
function updateIndex() {//把数组下标更新确保不会重复
$(".tr_wqxx").each(function(index, e) {//获取选中数组
var str = $(e)
str.find("td:eq(0) input").attr("name","wpxxList["+index+"].items");
str.find("td:eq(1) input").attr("name","wpxxList["+index+"].number");
str.find("td:eq(2) input").attr("name","wpxxList["+index+"].unit");
str.find("td:eq(3) input").attr("name","wpxxList["+index+"].bak1");
str.find("td:eq(5) input").attr("name","wpxxList["+index+"].id");
})
}
function delWpxx(obj){//删除方法
var _len = $("#tb_wpxx tr").length
if(_len==3){//删除到最后一个时不许删除,留下一个当做克隆模板
return
}
var curr = $(obj).parent().parent();
curr.remove();
updateIndex()
}
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:scrollBy 相对滚动
下一篇:对象的理解
- Javascript 复制数组的实现代码 2019-10-12
- 背景线条实现 2019-08-14
- js实现复制到剪切板 2019-08-14
- 深度克隆 2019-08-14
- 手机号码正则表达式 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash