嵌套重复UI控件

Question

我正在使用我找到here的示例处理具有重复ui元素的Web表单，除了我使用多维数组而不是在每个元素的名称后附加数字

我唯一的问题是我需要在我已经重复的表单元素中嵌套重复的表单控件。我完全不知道如何实现这一点。

Answer 1

您引用的帖子中的脚本只是从文档的任何位置抓取前一个元素，然后在其后面添加新元素。我要做的是用DIV包装每个重复控件块并在其上放置一些类，如“controlContainer”。假设您的“#addBtn”位于此controlContainer中，而不是：

$('#input' + num).after(newElem);

你会得到：

$(this).closest(".controlContainer").find('#input' + num).after(newElem);

$(this)将在点击处理程序中选择#addBtn，然后最接近将找到父“controlContainer”。