0

我有一个表单，我想让用户能够添加字段。这些字段是表单的一部分，由 8-9 个字段组成，应该出现在它们复制的字段之后。下面应该给你一些我在看什么的想法。

<div class="fields">
    <input type="text" name="field1">
    <input type="text" name="field2">
    <input type="text" name="field3">
    <input type="text" name="field4">
</div>

所以基本上我想做的是克隆整个“字段”div，并让它出现在被克隆的那个之后。

此外，我有一些 jquery 使用 slideUp 和 slideDown 来显示基于用户选择的选项。我将其设置为允许其中两个“字段”div 共存并仍然起作用。我唯一的问题是我是否需要做一些特别的事情才能使它在克隆的 div 上起作用？

4

2 回答 2

1 
$('.fields').clone().insertAfter('.fields');

如果您还希望克隆元素中的任何事件处理程序，则应在调用中将 withDataAndEvents参数设置为 true clone。

$('.fields').clone(true).insertAfter('.fields');

如果您调用类似$('.fields').slideDown()显示字段以响应单击按钮的操作，则该幻灯片将同时应用于原始字段和克隆字段。

如果您只希望幻灯片应用于其中一个 div，比如第一个，您可以使用$('.fields').eq(0).slideDown().

于 2013-07-06T15:17:42.740 回答
0

我能够通过添加这个来解决重复问题

$('.fields').clone(true).attr("class","cloned").insertAfter('.fields');

谢谢您的帮助

于 2013-07-06T16:12:00.323 回答