显示同一 div 的多个实例

Question

我有一个姓名列表，我希望能够使用表单向其中添加数据。

例如，
约翰·多伊
莎莉·史密斯
Jennifer Jackson

我希望能够使用 jquery 和 div 中的表单在所选名称下显示表单。因此，如果用户单击 Sally Smith，表单 div 将显示在她的名字下方。

例如，
约翰·多伊
莎莉·史密斯
此处形成 DIV
Jennifer Jackson

我知道如何显示/隐藏 div，但我不知道如何多次重现同一个 div。每个div包含相同的信息，但需要显示在单击的名称下。如果我可以只创建一次 div 并将该 div 的标识符更改为与人名相同，那就太好了。 （即，class="sally-smith-form"）

我是否需要为列表中的每个名称创建表单 div 或者是否有更好的方法？

Answer 1

尝试 .clone()。您可以复制该元素，然后附加到另一个元素之后：

$('#place_to_insert').after($('.sally-form-form:first').clone());