CODEWITHSUNDEEP
jqueryclone
Grim
Grim

Reputation: 1986

jQuery clone elements without id

How can i change the id while cloning?

Example:

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

Script

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

Result

<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>

How can i explicitly modify only the cloned div?

Upvotes: 4

Views: 2499

Answers (1)

Amit Joki
Amit Joki

Reputation: 59232

You can use each and then set a new id.

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

Upvotes: 8

Related Questions