jquery - 显示同一个 div 的多个实例

Question

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

例如，
约翰·多伊
·萨利·史密斯
詹妮弗·杰克逊

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

例如，
约翰·多伊
·萨利·史密斯
FORM DIV HERE
詹妮弗·杰克逊

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

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

Answer 1

试试.clone()。您可以复制元素，然后在另一个元素之后追加：

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