Javascript 如何添加与按钮同步的多个字段？

我的代码按我想要的方式工作。但是，我希望添加多个字段，并能够在按下按钮时进行编辑

例如：

添加属性按钮：显示属性名称、属性地址、属性城市等字段。按下添加属性按钮时，显示属性名称、属性地址、属性城市。当然，每次按下按钮时，属性编号都会增加

编辑上一个属性：这就是我遇到问题的地方。它只在一个字段上工作，但是当我添加多个字段时，它就不工作了。它不维护数据。我希望能够像编辑一个字段一样编辑多个字段 提前谢谢

var输入，inputCount=0；
函数newInput（）{
$（'#box>input'）.hide（）；
inputCount++；
输入=$（“”）
.appendTo（$（“#box”）；
}
函数editPreviousEntry（）{
var cId=$（'#box>input:visible'）。数据（'id'）；
如果（cId-1！==0）{
$（'#box>input'）.hide（）；
$（“#box>输入：第n个子项（“+（cId-1）+”）.show（）；
}
$（'#box>input:n个子（'+inputCount+'））.hide（）；
}
函数editNextEntry（）{
var cId=$（'#box>input:visible'）。数据（'id'）；
如果（cId+1只需将其设置为带有输入的div，而不是单个输入


var名称、地址、城市、输入、输入计数=0；
函数newInput（）{
$（'#box>div'）.hide（）；
inputCount++；
输入=$（''）.appendTo（'#框'）；
名称=$（''）.appendTo（输入）；
地址=$（''）.appendTo（输入）；
城市=$（''）.appendTo（输入）；
}
函数editPreviousEntry（）{
var cId=$（'#box>div:visible'）。数据（'id'）；
如果（cId-1！==0）{
$（'#box>div'）.hide（）；
$（'#box>div:n个子（'+（cId-1）+'）。show（）；
}
$（'#box>div:n个子项（'+inputCount+'））.hide（）；
}
函数editNextEntry（）{
var cId=$（'#box>div:visible'）。数据（'id'）；
如果（cId+1，其中是多个字段的代码，从我还没有编写代码的地方看是一样的，这就是我被卡住的地方。这只是一个例子