Javascript 如何创建循环Jquery

我有这个HTML+这个JQuery.JS 脚本是这样工作的。当您按下“添加”按钮时，表格将显示在表格上方；当您按下“隐藏”按钮时，表格将隐藏；当您按下“编辑”按钮时，您将在表格输入框中添加的任何文本都将添加到使用“提交”按钮创建的新TR中

我现在想做的是。在每个TD行上，我希望我的添加/隐藏/编辑按钮重新出现，但这次是在我按下编辑时。我想编辑新TR中的新文本。 例如，在第一个TR a、a、a、a中，我按下编辑，我放入b、b、b、b、b，提交它，一个新的TR将与bbbbb一起创建，当我再次按下bbbbb TR上的编辑按钮时，我希望它编辑bbbbb行。我不知道怎么解释得比这更好。如果你们想要idk，我可以通过skype联系

$（文档）.ready（函数（）{
$（“#提交”）。在（'click'，函数（）{
var valid=true，
信息=“”；
$（'form input'）。每个（函数（）{
var$this=$（this）；
如果（！$this.val（））{
var inputName=$this.attr（'name'）；
有效=错误；
消息+='请输入您的'+inputName+'\n'；
}
});
如果（！有效）{
警报（信息）；
}否则{
$（'table'）。追加（'+
'' +
'+$（'#btd1'）.val（）+''+
'+$（'#btd2'）.val（）+''+
'+$（'#btd3'）.val（）+''+
'+$（'#btd4'）.val（）+'+
'+$（'#btd5'）.val（）+''+
'' +
'');
对于（变量x=1；x<$（'input'）。长度；x++）{
$（'#btd'+x）.val（''）；
}
$（'.buttons'）.attr（'rowspan'，$（'tr'）.length）；
}
});
$（“.hide”）。单击（函数（）{
$（“form”）.hide（）；
});
$（“.add”）。单击（函数（）{
$（“表格”）.show（）；
});
$（“.edit”）。单击（函数（）{
$（“表格”）.show（）；
$.each（$（this.parent（）.parent（）.find（'td'），函数（key，val）{
$（“表单输入[type=text]”）.eq（键）.val（$（val）.text（））；
})
});
$（“#显示”）。单击（函数（）{
//$（“表格”）.show（）；
//美元（“#btd1”）.val（“Vlad”）；
//美元（“#btd2”）.val（“安德烈”）；
//$（“btd3”）.val（“vTask”）；
//美元（“#btd4”）.val（“Ceva”）；
//美元（“#btd5”）.val（“Alceva”）；
});
});

弗拉德
安德烈
vTask
塞瓦
阿尔切瓦
添加
隐藏
编辑
我的罗马尼亚同胞，你需要这样的东西：


$（文档）.ready（函数（）{
$（“#提交”）。在（'click'，函数（）{
var valid=true，
信息=“”；
$（'form input'）。每个（函数（）{
var$this=$（this）；
如果（！$this.val（））{
var inputName=$this.attr（'name'）；
有效=错误；
消息+='请输入您的'+inputName+'\n'；
}
});
如果（！有效）{
警报（信息）；
}否则{
$（'table'）。追加（'+
'' +
'+$（'#btd1'）.val（）+''+
'+$（'#btd2'）.val（）+''+
'+$（'#btd3'）.val（）+''+
'+$（'#btd4'）.val（）+'+
'+$（'#btd5'）.val（）+''+
“AddHideEdit”+
'' +
'');
对于（变量x=1；x<$（'input'）。长度；x++）{
$（'#btd'+x）.val（''）；
}
}
});
$（“body”）。在（'click'，'hide'，函数（）{
$（“form”）.hide（）；
});
$（“正文”）。在（'单击'，'添加'，函数（）{
$（“表格”）.show（）；
});
$（“正文”）。在（'单击'，'编辑'，函数（）{
$（“表格”）.show（）；
$.each（$（this）.closest（'tr'）。find（'td:not（.buttons））），function（key，val）{
$（“表单输入[type=text]”）.eq（键）.val（$（val）.text（））；
})
});
$（“#显示”）。单击（函数（）{
//$（“表格”）.show（）；
//美元（“#btd1”）.val（“Vlad”）；
//美元（“#btd2”）.val（“安德烈”）；
//$（“btd3”）.val（“vTask”）；
//美元（“#btd4”）.val（“Ceva”）；
//美元（“#btd5”）.val（“Alceva”）；
});
});

弗拉德
安德烈
vTask
塞瓦
阿尔切瓦
添加
隐藏
编辑
添加了一个编辑，用CDN替换本地jquery脚本引用。现在，当您运行代码段时，它不会抱怨……我已经批准了编辑，但它需要其他人的批准。希望有人能评论一下。你提到你希望你的添加/隐藏/编辑按钮“重新出现”，但从我所看到的，他们从来没有真正消失。也许你应该用一个编号的步骤列表来更新你的OP，详细说明预期的行为，或者当前的行为与预期的对比？我不希望它们消失，它们可以在每个新TR上保持可见。我只希望编辑按钮编辑他所在的新列。