Javascript 联合国货币基金组织（5318008）；

这是一段

这是另一段

克隆所有p元素，并将它们附加到body元素

---

我建议使用和的组合（也请注意我使用的标志）：

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
var target=$（this）.closest（“.groupcontainer”）；
target.clone（true，true）.appendTo（target.parent（））；
//或者，也可以使用.insertAfter（）来
//将克隆放在克隆的元素之后，而不是
//而不是在所有克隆元素的末尾
// https://api.jquery.com/insertAfter/
/*target.clone（true，true）.insertAfter（target）*/
});
});
.groupcontainer{
背景色：白色；
身高：225px；
浮动：左；
边缘顶部：10px；
}
.组{
字体系列：Arial；
右边距：20px；
字体大小：12px；
浮动：左；
背景色：黑色；
填充：2px；
颜色：白色；
明确：两者皆有；
显示：内联块；
}
.数量{
字体系列：Arial；
字体大小：12px；
浮动：左；
背景色：黑色；
填充：2px；
显示：内联块；
颜色：白色；
}
.系统{
浮动：左；
背景色：黑色；
填充：2px；
显示：内联块；
颜色：白色；
字体系列：Arial；
字体大小：12px；
}
.总数{
浮动：左；
背景色：黑色；
填充：2px；
显示：内联块；
颜色：白色；
字体系列：Arial；
字体大小：12px；
}
.规格{
浮动：左；
宽度：648px；
最小高度：50px；
左边框：1px纯黑；
右边框：1px纯黑；
边框底部：1px纯黑；
明确：两者皆有；
}
.规格表{
宽度：650px！重要；
}
.规格表tr{
背景色：白色！重要；
}
.规格表tr td{
字体系列：Arial！重要；
字体大小：9px！重要；
填充：0px！重要；
保证金：0px！重要；
颜色：黑色！重要；
边框底部：1px纯黑；
}
.规格表tr td span{
颜色：黑色！重要；
字体系列：Arial！重要；
字体大小：9px！重要；
填充：0px！重要；
保证金：0px！重要；
}

组：
数量：
系统价格：
团体总数：
//图书馆可供使用：
会计.货币（5318008）；
这是一段

这是另一段

克隆所有p元素，并将它们附加到body元素
在单击处理程序中选择容器的时间至关重要。
第一次单击时，只有一个容器，您可以克隆它并将其附加到自身。
第二次单击就有两个容器。您选择两者，并将两者附加到它们自身，从而导致指数行为

将选择器限制为仅一个或将第一个容器存储在引用变量中

$(document).ready(function() {
    var $container = $('.groupcontainer');

    $container.find('button').click(function() {
        $container.clone().appendTo($container);
    }
});

在单击处理程序中选择容器的时间至关重要。
第一次单击时，只有一个容器，您可以克隆它并将其附加到自身。
第二次单击就有两个容器。您选择两者，并将两者附加到它们自身，从而导致指数行为

将选择器限制为仅一个或将第一个容器存储在引用变量中

$(document).ready(function() {
    var $container = $('.groupcontainer');

    $container.find('button').click(function() {
        $container.clone().appendTo($container);
    }
});

希望在其他人看到时更新此内容。最后，最好的答案是：

$('#clone').click(function() {
    var target = $('.groupcontainer:last');
    target.clone(true, true).insertAfter(target);
  });

$（
.groupcontainer:last
）而不是
$（this）.closest（.groupcontainer”）
工作得很好，因为按钮的位置没有限制。我忘了在问题中提到我计划移动按钮。
想更新此按钮，以防其他人看到它。最后，最好的答案是：

$('#clone').click(function() {
    var target = $('.groupcontainer:last');
    target.clone(true, true).insertAfter(target);
  });

$（
.groupcontainer:last
）而不是
$（this）.closest（.groupcontainer”）
工作得很好，因为按钮的位置没有限制。我忘了在问题中提到我计划移动按钮。
是的，每次单击时，您都会找到
.groupcontainer
，然后克隆它。因此，当您第一次单击时，它会将另一个
.groupcontainer
放在您的
.groupcontainer
中，您再次单击，它将两个组容器取为4，然后取为8，依此类推。我会在下面写些东西。看了你的帮助我现在明白了，谢谢！是的，每次单击时，都会找到
.groupcontainer
，然后对其进行克隆。因此，当您第一次单击时，它会将另一个
.groupcontainer
放在您的
.groupcontainer
中，您再次单击，它将两个组容器取为4，然后取为8，依此类推。我会在下面写些东西。看了你的帮助我现在明白了，谢谢！是的，你可以那样做。我必须测试两种方法。现在，让我们把它变成cloneThanks！这是可行的，但只有一次。在初始克隆之后，该按钮不会创建新克隆。我不明白，代码在我看来很直接。@WayneBunch，确实很奇怪。我做了一把小提琴来试一下，它的动作很奇怪@WayneBunch，好的，我已经做了一个变通方法-这里是更新的提琴：我会将答案更新为reflect是的，你可以这样做。我必须测试两种方法。现在，让我们把它变成cloneThanks！这是可行的，但只有一次。在初始克隆之后，该按钮不会创建新克隆。我不明白，代码在我看来很直接。@WayneBunch，确实很奇怪。我做了一把小提琴来试一下，它的动作很奇怪@WayneBunch，好的，我已经做了一个变通方法-这是更新后的fiddle：我将把答案更新为reflectvar target=$（this）。最近（“.groupcontainer”）谢谢你的建议和解释，效果很好。现在我对JqueryFYI有了更多的了解——insertAfter（target）是非常有效的。当我使用appendTo（）时，它会将它们放在html的末尾。@WayneBunch很高兴听到这个消息。jQuery在运行时非常强大
$(document).ready(function() {
    var $container = $('.groupcontainer');

    $container.find('button').click(function() {
        $container.clone().appendTo($container);
    }
});

$('#clone').click(function() {
    var target = $('.groupcontainer:last');
    target.clone(true, true).insertAfter(target);
  });