没有id的jQuery克隆元素

时间:2014-12-21 10:23:38

标签: jquery clone

如何在克隆时更改ID?

示例:

<div id="unique" class="cloneMe">test</div>
<div id="unique1" class="cloneMe">test</div>
<div id="unique2" class="cloneMe">test</div>

脚本

jQuery('.cloneMe').clone(); // has all selected after cloning
  ...

结果

<div id="unique" class="cloneMe">test</div>
<div id="unique1" class="cloneMe">test</div>
<div id="unique2" class="cloneMe">test</div>
<div id="unique" class="cloneMe">test</div>
<div id="unique1" class="cloneMe">test</div>
<div id="unique2" class="cloneMe">test</div>

我如何只显式修改克隆的div?

1 个答案:

答案 0 :(得分:7)

您可以使用each然后设置新ID。

jQuery('.cloneMe').clone().each(function(i){
  this.id = "id"+ i; // to keep it unique
}).appendTo("someSelector");