Javascript 在具有唯一id的表单中添加和删除行'；以数组形式返回对象的

对于这个问题，我已经有了自己的解决方案，但是我不知道我是否在使用最佳技术/实践来解决这个特定的场景，其中包括删除和添加具有唯一id的DOM元素

我刚刚使用了jQuery，要求只需一个按钮即可添加任意数量的行，一旦添加了另一行，也可以删除该行，第一行始终是必需的，下面是我的代码：

简单形式
标签{
显示：块；
}
输入上的一些标签
添加
信息


$（'.inputRows'）。在（'click'，'button'，function（）上{
$（this.parent（）.remove（）；
});    
$（'#addRow'）。单击（函数（）{
var$newRow=$（'div[id^=“newRow”]：first'）。clone（），
newId=Number（$（'div[id^=“newRow”]：last'）.attr（'id'）.split（'-'）[1]）+1；
$newRow.append（“”）；
$newRow.find（'input'）.val（''）；
$newRow.attr（'id'，'newRow-'+newId）；
$（'.inputRows'）。追加（$newRow）；
});
$（'#viewInfo'）。单击（函数（）{
$（'#result'）.text（JSON.stringify（objectifyForm（$（'div[id^=“newRow”]）））；
});
函数对象形式（formArray）{
var resultArray={}，
inputValue=''；
对于（var i=0；i

您只需创建一个删除图标，然后单击该图标即可从最后添加的行删除到第一行。这是一个很好的方法，但要求每一新行都有一个删除按钮。那么您所做的就是正确的