防止jQuery通过.clone（）函数创建重复的克隆

Question

我有以下代码：

<div id="list-items">
  <ul class="item-list">
    <li>Item</li>
    <li>Item</li>
  </ul>
</div>

每次点击此按钮，都会克隆<ul> list：

<div id="add">Add row</div>

它适用于这个JS代码：

$('#add').click(function() {
    var newRow = $('.item-list').clone();
    $('#list-items').append(newRow);
});

我遇到的问题： 几次点击我的按钮后，它会克隆整个而不是我想要的部分。可以找到一个示例here。

如何预防？

Answer 1

当您单击add时，您正在创建整个列表的克隆，您需要的是获取第一个元素并克隆该元素 你应该这样做：

$( ".item-list" ).first().clone()