显示同一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());