在jQuery中独立地重复DIV

Question

我有以下HTML结构：

<div collection>
    <h2>Title</h2>
</div>

<hr>

<div collection>
    <h2>Title</h2>
</div>

<hr>

<div collection>
    <h2>Title</h2>
</div>

我正在尝试编写一个传递整数参数的函数，它将克隆下面每个DIV。因此，例如，如果我传递1，则不会有任何变化; 2，将有2个DIV，然后是其他内容，然后是2个DIV，等等。

到目前为止，问题很简单，因为我可以使用jQuery选择器并克隆DIV，但只有在调用一次函数时它才有效。如果将来第二次我想再次调用该函数，它将适用于＆＃34; new＆＃34;元素以及...我不知道如何继续这个。有什么想法吗？

Answer 1

只需为克隆提供一个识别功能，例如一个类，然后在操作之前删除它们。

Answer 2

您可以为div提供一些独特的 id 或类，然后在复制时，不要将此唯一属性添加到新创建的元素中。这将有助于您在第二次执行复制时识别原始元素。

<div collection id="title-div">
    <h2>Title</h2>
</div>