Question

jQuery – Is it possible copy and paste HTML?

Starting with an example, if I have this lines of HTML :

<div id="divToMove">
    ... somethings like 100 lines of code ...
</div>

i’d like to know if I can take this div and copy and paste many times…

I tried to put a jQuery/JS function that “add” this code from javascript to the HTML page, but seems that is too slower as process. Maybe a copy and paste (if possible) is faster…
Some helps? Thanks

Answer 1

Something like this?

HTML

<input type="button" id="copy" value=" copy "/>

<div id="content">
    <span>here's a span</span>
    <div>and a div</div>
</div>

jQuery

$(function()  {
    $('#copy').click(function(){
        var content = $('#content').html();
        var newdiv = $("<div>");
        newdiv.html(content);
        $('#content').after(newdiv);
    });
  });

In action:
http://jsfiddle.net/Town/5q2CK/