javascript - 使用 jquery 选择器追加元素

Question

我需要在单击按钮时重新创建模板 div 并将其附加到父 div，这可以完成多次

<div id = "parent">
   <div id = "child_1">
       <div><input type = "text"></div>
       <div><input type = "text"></div>
       //several inputs and divs
   </div>
</div>

和我的脚本

//on button click event
var template = $("#parent").children().last();
template.attr("id","child_2"); //just a sample of dynamic id
$("#parent").append(template);

但这行不通

Answer 1

在追加之前，您需要clone() 子元素的副本，否则您只是将当前元素放回其原始位置。

var template = $("#parent").children().last().clone();

Working example