如何使用 jQuery 在点击时复制 div？

我想要一个div当一个button被点击。我发现JS解决方案，但我需要一个jQuery一个，而我真的很不擅长。 有人可以帮我吗？

这就是我所拥有的：

<div class="example-1">
  <div class="example-2"> 
    <p>Example one</p>
    <p>Example two</p>

    <button class="btn-copy">Copy</button>
  </div>
</div>

这就是我需要的（之后click):

<div class="example-1">
  <div class="example-2"> 
    <p>Example one</p>
    <p>Example two</p>

    <button class="btn-copy">Copy</button>
  </div>

  <div class="example-2"> 
    <p>Example one</p>
    <p>Example two</p>

    <button class="btn-copy">Copy</button>
  </div>
</div>

利用.clone()复制 div 并.after()追加。由于您正在使用类，您可能只想复制一个 div，在这种情况下您应该使用.closest()。此外，您还需要传递一个布尔参数来克隆，以便所有数据和事件处理程序都将附加到克隆元素。

$(function(){
  $(".btn-copy").on('click', function(){
    var ele = $(this).closest('.example-2').clone(true);
    $(this).closest('.example-2').after(ele);
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="example-1">
  <div class="example-2"> 
    <p>Example one</p>
    <p>Example two</p>

    <button class="btn-copy">Copy</button>
  </div>
</div>