jQuery克隆并重命名子元素

时间:2015-01-27 00:11:40

标签: javascript jquery find clone addclass

我有一个带有图像的DIV元素,一些文本,一个指向图像的URL链接以及一个指向图像状态的链接

  • 此状态由图像旁边的图标
  • 表示
  • 我使用.on("点击" ...,事件触发更新背景状态的phpscript,返回新状态

此状态链接有一个使用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');

我迷失的部分是如何更新类名以反映新ID 之前我追加克隆元素 如果我可以替换所有" rec41"那会很好。 to" rec42",但是noooo

2 个答案:

答案 0 :(得分:1)

你可以在一行中完成:

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

答案 1 :(得分:0)

你能这样做吗?

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