在jQuery中更改克隆子项的id

时间:2015-07-27 10:58:13

标签: javascript jquery ajax

我有一个表格,我有一个隐藏的行,我克隆以便动态添加新行。

var $clone = $('#table-invoicing').find('tr.hide').clone(true).removeClass('hide');
$('#table-invoicing').find('table').append($clone);

每一行都有一个id和一个数据类型。 隐藏线设置为以99结尾的id。 当我克隆隐藏线时,我想更改此ID。

我发现了类似的主题,但出于某种原因,我无法将其包含在我的脚本中。当我克隆该行时,有2个具有相同id的元素,因此id的选择器将不起作用。

我试过了:

$clone.$('#invoicing-row-descr-99').attr("id", "newID");

然后它告诉我$ clone不是函数。

有什么想法吗?

2 个答案:

答案 0 :(得分:3)

$clone.$('#invoicing-row-descr-99').attr("id", "newID");
  

然后它告诉我$ clone不是函数。

因为$ clone是一个对象。只需使用attrprop作为克隆元素

$clone.attr("id", "newID");//change cloned element id

根据您的评论,使用如下:

$clone.find('your_element').attr("id", "newID");

答案 1 :(得分:3)

.prop()在当前版本的jQuery中是一个很好的做法。

$clone.prop("id", "yourId");

在你追加它之前,你需要使用它。