Clon <div> y el cambio de id

¿Cómo puedo usar javascript hacer clon de algunos <div> y establecer su id diferente de la original. Jquery también será bueno.

4 Kommentare

  1. 111
    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);
    • Javascript puro? Gracias.
    • Maravilloso sin jQuery 🙂
    • gracias por salvarme. A veces puro JavaScript solución es más simple y más fácil de usar jQuery.
  2. 8

    Uso:

    JQuery

    var clonedDiv = $('#yourDivId').clone();
    clonedDiv.attr("id", "newId");
    $('#yourDivId').after(cloneDiv);
    • $('#yourDivId').after(cloneDiv); podría ser una mejor solución.
  3. 4

    Yo tenía el mismo problema. He resuelto que por un contador y anexarlo a la ID. Espero que le ayuda demasiado:

    <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>
  4. 0

    jQuery disponer de un método clone()

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

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea