javascript - 在 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，但只有在调用该函数一次时它才有效。如果将来我想再次调用该函数，它也将适用于"new"元素......我不知道如何继续。有什么想法吗？

Answer 1

只需为克隆提供一个识别特征(例如类)，然后在操作之前将其删除即可。