javascript - 带有输入字段的重复 DIV

Question

基本上我已经成功地再次尝试使用 jQuery 复制 DIV 和它的表单元素。

按钮:

<div class="addNew" id="addSkill">Add Skill <i class="icon-plus"></i></div> 

我想复制的 Div 和内容

<div class="row" id="skiller">
    <div class="label">Skill</div>
    <div class="input"><input class="lineput" placeholder="Doing stuff."></div>
</div>

我尝试过使用克隆方法，但我似乎无法创建将其复制到第一个 div 下并使其为 PHP 多数据输入做好准备的有效代码行。

谢谢!

Answer 1

这样的事情将是一个开始:

$("#addSkill").click(function(e){
    e.preventDefault();
    var new_skiller = $("#skiller").clone();
    new_skiller.attr("id", "skiller-"+$(".row").length);
    new_skiller.insertAfter(".row:last");
});