Question

让我说我有一个表单，在这种形式中我想复制属性元素。现在每个属性元素都是包含一些输入元素的div。每次用户点击按钮＆＃34;添加属性＆＃34;我希望它创建此属性元素的另一个实例

问题是我应该在哪里存储这些预先制作但尚未显示给用户元素的方式，以后会很容易修改它？我正在使用JS和jquery。

Answer 1

我将它们存储在表单底部的隐藏模板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等。

Answer 2

页面上是否至少存在一个属性元素？

如果是这样，只需选择它，克隆并存储以供以后使用。

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

然后你可以复制它。

如果你的元素在页面上不存在。您仍然可以将其放在未显示的div中的页面上，并执行与上述相同的策略。或者使用“模板”格式，例如jQuery模板。