javascript - jquery clone 第一次工作但以后不行

Question

添加行会克隆 div 但是当我继续单击时它不会克隆单个元素而是克隆多个元素，这里的逻辑有什么缺陷？

$('#addRow').click(function () {
    $(this).siblings('.elem').clone().appendTo($(this).siblings('.elem'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="elem">elem</div>
<a id="addRow">+</a>

Answer 1

您只想选择 一个 元素，而 siblings('.elem') 调用将选择所有元素(当前元素除外)，包括克隆元素.

您可以在调用siblings() 之后调用first() 以仅选择一个。

您可能还想将它们附加到父级，而不是所有 sibling 的同一个集合。

var $clone = $(this).siblings('.elem').first().clone();

$clone.appendTo($(this).parent());

或者，您可以insertAfter() 最后一个元素($(this).siblings('.elem').last())。