jquery向克隆添加迭代

jquery向克隆添加迭代,jquery,Jquery,我有一个表单,它有两个按钮,一个是输入新行的空输入文本框等待用户输入,另一个我希望用户能够复制他们刚刚输入的数据。我不希望数据自动复制我希望用户必须单击按钮才能复制/克隆信息。这些值的名称必须能够迭代,因为这些数据将使用mysql提交到数据库,并使用for each 列出的代码包装在php while循环中 我不知道如何向jquery克隆属性添加迭代。此外,我只希望一次克隆一行 这就是我目前所拥有的。目前,如果我有2行,2行被克隆,4行然后4行被克隆,等等。我只希望一次添加一行。显然没有迭代 我

我有一个表单,它有两个按钮,一个是输入新行的空输入文本框等待用户输入,另一个我希望用户能够复制他们刚刚输入的数据。我不希望数据自动复制我希望用户必须单击按钮才能复制/克隆信息。这些值的名称必须能够迭代,因为这些数据将使用mysql提交到数据库,并使用for each

列出的代码包装在php while循环中

我不知道如何向jquery克隆属性添加迭代。此外,我只希望一次克隆一行

这就是我目前所拥有的。目前,如果我有2行,2行被克隆,4行然后4行被克隆,等等。我只希望一次添加一行。显然没有迭代

我对jquery非常熟悉,因此非常感谢您的帮助

更新:

我尝试为每一行分配一个行号,只要添加“添加新行”,一次单击一次克隆就可以工作。但是,如果单击“添加新行”两次,则将复制两行


$(“#按钮”)。单击(函数(){
变量计数=$(“输入”)。长度+1;
$(“#部分”)。前置(“”)。单击(函数(){
$(“#rowNumber”+count).clone().appendTo(“#part”);
});
});	


为避免在
文档中重复
id
s,请将动态创建的
元素
id
调整为
,同时仍将
元素的
名称
属性设置为
计数
变量

单击
事件附加到
”.buttonClone“
元素到父
\part1
元素,在
\button
单击
处理程序的范围之外。
使用
.each()。在委派的
中用
.prependTo()
替换
.appendTo()
,单击事件处理程序

$(“#按钮”)。单击(函数(){
变量计数=$(“#part1>.rowNumber”).length+1;
$(“第一部分”)
.预编(
""
+“Dup”
+ ""
+ ""
+ "");
});
$(“#第1部分”)。在(“单击”,“.buttonClone”,函数()上{
变量计数=$(“#part2>.rowNumber”)。长度+1;
var clone=$(“#part1>.rowNumber:last child”).clone();
克隆
.find(“输入”)
.每个功能(索引,el){
el.name=el.name.replace(/\d+/,count);
})
(完)
.prependTo(“第二部分”);
});

单击
第1部分

第二部分

是否返回一个
.className
?是否返回类名?您正在使用该
克隆所有元素。className
。是否应单击这两个
按钮
元素将元素前置到同一
div
?单击
#buttonClone
,预期结果是什么?这已经超出了我的理解范围。然而,它仍然没有如预期那样发挥作用。只有一个“单击”按钮。每个零件都必须有自己的单击按钮。每个dup按钮都需要相对于唯一的零件。在您的示例中,第一部分中的任何dup都会添加到第二部分,而使用dup按钮复制的任何内容都不会产生任何效果。但一切都在增加。一旦我在没有php的情况下解决了这个问题,将其全部封装在while循环中是否可行?每个表单将有一组不同的部分。即第1部分、第2部分、第3部分等等。如果没有,那么我需要在这里更改逻辑。@jlewis504应该单击
具有
.value
附加到
\partN
元素吗?