用jQuery克隆DOM中的元素

Question

我需要从DOM中克隆一个元素，让它飞到一个篮子里。我正在使用jQuery中的.clone()。问题是，当我第一次单击该元素时，它会克隆两次而不是一次，当我再次单击它时，它会克隆一次。为什么会这样？

我的代码：

$(document).ready(function() {
$('.addd-body').click(function() {
    $(this).parent().clone().prependTo('.carro');
});});

您可以在Mashini website上看到工作代码。

Answer 1

更改$（'。addd-body'）。点击（...）到$（'。addd-body＆gt; a'）。点击（...） 看来你有一个附加到LI元素的处理程序，然后传播到anchoe元素并再次运行。

Answer 2

试试这样：

$(document).ready(function() {
$('.item_add').click(function() {
    $(this).parents(".body-cart:first").clone().prependTo('.carro');
});});