jQuery 克隆并重命名子元素

Question

我有一个 DIV 元素，带有图像、一些文本、图像的 url link 和图像状态的 link

• 此状态由图像旁边的图标表示
• 我使用 .on("click"..., 事件来触发一个 phpscript 更新后台状态和 returns 新状态

此状态 link 有一个使用 csshook 的 class，这意味着图像 ID 是 class 名称 (statusrec41) 的一部分。

使用 jQuery 我克隆了 DIV.

$clone =  $('#divrec41').clone(true).attr('id', '#divrec42');

然后我用新记录 ID

更新 URL

$clone.find('[href]').each(function(){this.href=this.href.replace(/rec41/g, 'rec42')})

然后显示在最后

$clone.appendTo('#imageArea');

我迷失的部分是如何更新 class 名称以反映新 ID 在 我追加克隆的元素之前 如果我可以将所有 "rec41" 替换为 "rec42" 就好了，但是 noooo

Answer 1

你能做到吗？

$(document).find('.rec41').each(function(){
    $(this).removeClass("rec41");
    $(this).addClass("rec42");
})

Answer 2

你可以一行完成：

$clone.attr('class', your_classes).appendTo('#imageArea');