Javascript 带输入字段的重复DIV

基本上，我在尝试使用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>

我尝试过使用clone方法，但似乎无法创建一行功能正常的代码，将其复制到第一个div下面，并为PHP多数据输入做好准备

谢谢

您需要在div中添加项目，如下所示：

HTML

查看

---

注意：您需要给它们单独的名称/使其成为一个数组以访问

类似的内容将是一个开始：

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

---

试试这个。应该有用。注意：ID不能重复。下面的代码也将复制id为的div

$(document).ready(function(){
    $('#addSkill').click(function(e) {
        var skiller = $('#skiller').clone();
        $( "#skiller" ).after( skiller );
    });
});

演示：

---

你只是想克隆一个元素并把它放到别的地方？基本上是的！我试过最明显的，但似乎我做错了什么。这总是发生在早上4点，当我开始失去我的弹珠。我想克隆整个skiller分区。并把它放在现有分区下面。克隆id为的元素不起作用吗？据我所知，id必须是唯一的…>。>还是我遗漏了什么？看这就是我想的。。有谁能告诉我一个方法，我可以成功地克隆这个div，它的输入字段内容和标签？

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

$(document).ready(function(){
    $('#addSkill').click(function(e) {
        var skiller = $('#skiller').clone();
        $( "#skiller" ).after( skiller );
    });
});