js复制克隆

2018-06-24 01:14:56来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

 


$(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 相对滚动

下一篇:对象的理解