在按钮点击上动态添加div并更改每个按钮的ID？

Question

我是JQuery的新手，只想点按一下按钮添加新的分区： -

我写了这么多代码：

<div class="main" id="container">
<div class="item">
items
</div>
</div>
<button id="button">
Click me
</button>

<script>
$("#button").click(function () {

});
</script>

我正在寻找的是克隆，但ID应该是不同的

Answer 1

$("#button").click(function () {
  $('.item').append('<div>new div</div>')
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="main" id="container">
<div class="item">
items
</div>
</div>
<button id="button">
Click me
</button>

希望它会有所帮助

Answer 2

试试这个： -

 $("#button").click(function () {
    var clone = $("#container").find(".item").last().clone();
     clone.attr("id","newId");
     $("#container").append(clone);
    });