克隆表行和增量输入名称

时间:2015-03-19 20:13:15

标签: jquery html html-table row clone

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

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

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

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动作。

1 个答案:

答案 0 :(得分: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/

相关问题