預製尚未顯示HTML元素？

Question

可以說我有一個表單，並以這種形式我想重複屬性元素。現在每個屬性元素都是一個包含一些輸入元素的div。每次用戶點擊一個按鈕「添加屬性」，我希望它創建此屬性元素的另一個實例

問題是我應該在哪裏存儲這些預先製作的，還要顯示給用戶元素，在一種很容易後來修改它的方式？ 我使用JS和jQuery。

Answer 1

頁面上是否至少存在一個屬性元素？

如果是這樣，只需選擇它，將其克隆並存儲起來以備後用。

var el = $('.your-element').html().clone(); 

然後你可以複製它。

如果你的元素在頁面上還不存在。您仍然可以將其放在未顯示的div中的頁面上，並執行與上述相同的策略。或者使用「模板」格式，例如jQuery模板。

Answer 2

我把它們存儲在一個隱藏的模板DIV在表單像這樣的底部：

<div id="field_template" style="display:none;"> 
    <input type="text" name="prop_tpl" id="prop_tpl"> 
</div> 

到時候來顯示它，我複製它在jQuery和設置name和id屬性prop_1或prop_2等基於添加字段的計數器。