# jq克隆 百度的： 如題，前端操作經常需要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); }); ~~~ 自己寫的： ~~~ // 選中升級條件類型 $(".condition").click(function () { var id_str = $(this).attr('id'); var unit = $(this).data('unit'); if ($(this).hasClass('condition_select')) { //存在就去掉 $(this).removeClass("condition_select"); $('#del_'+id_str).remove(); } else { //不存在就加上 $(this).addClass("condition_select"); var strVar=$("#copy_del_condition").clone(true); //克隆元素,注意不是javascript的cloneNode() strVar.attr("id","del_"+id_str); //改變克隆元素id,注意不是setAttribute() strVar.find(".unit").text(unit); strVar.find(".del_btn").attr('data-id_str',id_str); var lable_str=strVar.find("label span"); //根據id查找子元素 lable_str.text($(this).text()); strVar.show(); $(this).parents('.row').after(strVar); console.log(unit) } }); ~~~