JQuery .clone（）和.appendTo（）导致多个追加

所以我读过很多类似的问题和答案 – 似乎都没有解决这个具体问题。 所以这里。

请考虑以下代码：

  function addAttendee() { $('.newAttendee').clone().appendTo('.attendees'); }  
      Add Attendee 
  
 
  
      

当我第一次点击“添加参加者”时，我得到了我想要的东西。 但是，每次后续点击该链接会导致插入先前插入的部分的两倍。 首先点击1，第二个，第三个，等等。

我错过了什么吗？

感谢所有提前。

Answer 1

因为$('.newAttendee').clone()将克隆该类的所有元素

尝试使用first()或last()仅克隆其中一个

 $('.newAttendee').first().clone().appendTo('.attendees'); 

Answer 2

这是因为$('.newAttendee')选择了类newAttendee的所有元素。 克隆后你有2个，依此类推。 克隆后更改类将避免这种情况。