克隆<div>并更改ID </div>

Question

如何使用javascript制作某些<div>的克隆并将其ID设置为与原始ID不同。 Jquery也会很好。

Answer 1

var div = document.getElementById('div_id'),
    clone = div.cloneNode(true); // true means clone all childNodes and all event handlers
clone.id = "some_id";
document.body.appendChild(clone);

Answer 2

使用它：

<强> JQuery的

var clonedDiv = $('#yourDivId').clone();
clonedDiv.attr("id", "newId");
$('#yourDivId').after(cloneDiv);

Answer 3

我遇到了同样的问题。我通过设置计数器并将其附加到ID来解决这个问题。希望它也能帮到你：

<script type="text/javascript">
     var counter = 1; //Set counter

function clone(sender, eventArgs) {
     var $row = $('#yourID');

     var $clone = $row.clone(); //Making the clone                      
     counter++; // +1 counter

     //Change the id of the cloned elements, append the counter onto the ID 
     $clone.find('[id]').each(function () { this.id += counter });
}
</script>

Answer 4

jQuery有方法clone（）

var original = $("#original");
var newClone = original.clone();