JQuery clone elements without id
How can I change the ID when 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 change only the cloned div?
+3
Peter Rader
source
to share
1 answer
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");
+6
Amit joki
source
to share