在按鈕單擊時動態添加 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>

正是我正在尋找的是一個克隆，但 ids 應該不同

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);
    });