javascript - 如何改变innerHTML内容如(input field names,ids,onclick)属性

Question

我想将一个 div 的所有内容复制到另一个 div 中，但在复制之前我需要更改所有输入字段的名称和 ID。请参阅下面的代码。

 <div id="first_div">
    <input type="text" name="firstname" id="firstname">
    <select name="marital_status" id="marital_status">
        <option value="1" selected='selected'>Select</option>
        <option value="2">Single</option>
        <option value="3">Married</option>
   </select>
 </div>
 <div id="second_div">
 </div> 

现在我想将first_div的内容复制到second_div中，但是在复制之前我需要将输入字段firstname更改为last_name，怎么办？

Answer 1

我看到您在问题中标记了 jQuery，您可以使用 jQuery 克隆方法快速入门:https://api.jquery.com/clone/

var clone = $("#first_div").clone();

然后像这样修改克隆的 innerHTML

clone.find("#firstname").attr("id", "lastname"); // modifying div id
// do the same for every element you want to modify id, etc
//then finally append it to the second_div
$("#second_div").html(clone.html());