Javascript 使用jquery单击后插入更多字段

我正在开发一个web应用程序，它可以让用户根据自己的意愿输入更多的名称。表单有一个链接，单击该链接时必须添加文本框。 我知道有一种使用jquery的方法可以做到这一点，但目前不知道为什么，因为我刚从angularjs迁移到jquery

名称
地址
年龄
电话号码

类似的东西

$（“#添加”）。单击（函数（）{
$（“.inner”）。追加（“”）；
});


名称
地址
年龄
电话号码
首先，您必须更好地识别元素。让我们为表格设置一个id，为添加更多字段链接设置一个id，并为tr模型设置一个类

然后我们必须复制所有要复制的html。
然后将其附加到表中

请记住，在提交时，所有这些重复的参数都将成为一个值数组

让我们在这里重构一些糟糕的代码

因为我们要复制字段，所以需要删除所有字段的Id属性

我将添加链接移到表外，并删除那些空白的tds。还可以用
thead
和
tbody
编写一个好的表格

当我们想要添加字段时，我们也想要删除。因此，让我们创建一个要删除的链接


函数cloneTrModel（）{
返回$（'.model'）.first（）.clone（）；
}
var trModel=cloneTrModel（）；
函数setRemove（）{
$（“.remove”）。单击（函数（）{
$（this）.closest（'tr'）.remove（）；
});
}
setRemove（）；
$（“#添加”）。单击（函数（）{
$（“#contactTable tbody”）.append（trModel）；
trModel=cloneTrModel（）；
setRemove（）；
});


名称
地址
年龄
电话号码
行动

$（文档）.ready（函数（）
{
$（'a'）。单击（函数（）{
变量id=$（'：text'）。长度；
$（“#字段”）.append（'Textbox'+id+''）；
$（“#更多”）。附加（“”）；
});
});


名称
地址
年龄
电话号码
我刚试过，但当它添加并检查文本字段的id时，一切都一样，但是我想我得到了，例如，name2，下一次单击name4等，因为我将插入数据库，所以每个字段都必须是唯一的所有字段都需要textbox或只有名称字段textbox@user6579134当我单击时，我可以获得每个textbox的ID和名称的增量是的，这是可能的。然而，按照你的想法去做并不是一件好事。正确的方法是将每个字段的名称转换为数组。例如name=“address[]”