嵌套重複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」。