jQuery克隆html元素并改变id 如题，前端操作经常需要ajax异步刷新html页⾯数据。有时候js⾥⾯拼接html代码很⿇烦。
因此选择⼀个div克隆并改变⼀些值就省了很多事。这个div也可以提前写在html⾥⾯hide()
下⾯是js代码：这个被克隆元素为了不影响表单的提交，最好放在form外⾯。
//追加节点，增加图⽚信息
var index=1000;
$(document).on('click','#addPicture',function(){
index+=1;
var strVar=$("#addDivNode").clone(true); //克隆元素，注意不是javascript的cloneNode()
strVar.attr("id","addDiv"+index); //改变克隆元素id，注意不是setAttribute()
var lable=strVar.find("#dinfoadd"); //根据id查⼦元素
var file=strVar.find("#0");
var img=strVar.find("#img_0");
lable.attr("id","dinfoadd"+index); //改变克隆⼦元素节点⼀
file.attr("id",index); //改变克隆元素⼦节点⼆
jquery在一个元素后追加标签
img.attr("id","img_"+index); //改变克隆⼦元素节点三
$("#addDiv"+index).;
$("#addDiv").before(strVar);
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。