jquery - 使用 jQuery 克隆

Question

我有一个允许用户推荐 friend 的表格。我想在两个输入字段“ friend 电子邮件”和“ friend 姓名”下方添加一个链接，这将克隆一次“ friend 箱”并将其添加到下面。另外，“friend email”和“friend name”的name属性建议是name="friend_email[0]"和name="friend_name[0]" here .克隆和增加下标的最佳方法是什么？这是代码:

<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 箱”时，它显然以指数方式克隆了它。所以我猜我也需要有一个 ID 号并递增它。或者，这是我看到的另一种方法，是在页面加载时克隆“ friend 箱”并从内存中不断克隆它。

谢谢，瑞安

Answer 1

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

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