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); //改變克隆元素子節點二
    img.attr("id","img_"+index); //改變克隆子元素節點三
    $("#addDiv"+index).style="display: block";
    $("#addDiv").before(strVar);
});