javascript - jQuery 克隆和重命名子元素

Question

我有一个 DIV 元素，其中包含图像、一些文本、图像的 url 链接以及图像状态的链接

• 此状态由图像旁边的图标表示
• 我使用 .on("click"..., 事件触发一个 php 脚本，该脚本更新后台状态并返回新状态

此状态链接有一个使用 csshook 的类，这意味着图像 ID 是类名的一部分 (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');

我迷失的部分是如何更新类名以反射(reflect)新的ID之前我追加克隆的元素 如果我可以将所有“rec41”替换为“rec42”，那就太好了，但是不行

Answer 1

你可以用一行来完成:

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