使用 jQuery 克隆

我有一个允许用户推荐朋友的表格。我想在“朋友电子邮件”和“朋友姓名”这两个输入字段下方添加一个链接，该链接将克隆“朋友框”一次并将其添加到下面。另外，“好友邮箱”和“好友姓名”的name属性为name="friend_email[0]" and name="friend_name[0]"按照建议here https://stackoverflow.com/questions/4436606/how-to-process-tell-a-friend-data。克隆和增加下标的最佳方法是什么？这是代码：

<div class="friend-box">

    <div class="field">
        <span><label for='friend_name'><strong>Friend's Name *</strong></label> </span>
        <input id='friend_name' name='friend_name[0]' type='text' />
    </div>

    <div class="field">
        <span><label for='friend_email'><strong>Friend's Email *</strong></label></span>
        <input id='friend_email' name='friend_email[0]' type='text' />
    </div>

</div>

最好的方法是什么？例如，我遇到的问题之一是，当我克隆“friend-box”一次然后两次时，它显然以指数方式克隆它。所以我猜我还需要在那里有一个 ID 号并递增它。或者，这是我看到的另一种方法，是在页面加载时克隆“朋友框”并继续从内存中克隆它。

谢谢， 瑞安

我在这里创建了一个示例：http://jsfiddle.net/K8hhW/5/ http://jsfiddle.net/K8hhW/5/

您无需担心增加括号中的数字，表格会自动为您完成此操作。