javascript - 如何克隆和进行多次替换

Question

这是我的JS，我正在克隆div #product-1，新克隆当前已更改标签，我想知道如何进行额外的替换。

var clone = $('#product-1').clone(false);
clone.find(".ingredientLabel").html(clone.find(".ingredientLabel").html().replace(/[0-9]+/g, counter));
$(clone).appendTo(".activeingredients");

如何将 ID 从 product-1 更改为 'product-'+counter？

Answer 1

使用attr()在使用 find()

向下转换到克隆的 dom 元素之前更改 ID 属性

clone.attr('id', 'product-'+counter).find(".ingredientLabel").html(clone.find(".ingredientLabel").html().replace(/[0-9]+/g, counter));

一旦您使用 find()，.ingredientLabel 将成为您将方法链接到的选定对象。

将方法链接到clone，以在选择.ingredientLabel之前选择#product-1