克隆 table 行并增加输入名称

Question

我需要克隆一个隐藏行并将输入的名称递增 1。我目前可以克隆输入但不能克隆没有名称属性的元素。

如何克隆单元格中的所有内容并增加名称计数？

在我的 JSFIDDLE 示例中，您可以看到我运行遇到的问题。

var c = $(cur_td).find($(children[0]).prop('tagName')).clone().val("")
c.attr("name", $(cur_td).data("name") + newid);

在 HTML 的第 38 行，以下按钮不会与其余按钮一起克隆。

<button type="button"> Info </button>

我不想给按钮命名，因为我担心它会破坏我的 struts 1 个操作。

Answer 1

问题在于，当您仅克隆 TD 元素的第一个子元素时，只需迭代它们，例如：

来自这个：

var c = $(cur_td).find($(children[0]).prop('tagName')).clone().val("")
c.attr("name", $(cur_td).data("name") + newid);

对此：

 $.each(children, function(index, childElement){
                 var c = $(childElement).clone();
                c.attr("name", $(cur_td).data("name") + newid);
                c.appendTo($(td));
                });

http://jsfiddle.net/ysfac04k/4/

克隆 table 行并增加输入名称

Clone table row and increment input name

html

jquery

clone

row

html-table