JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<div class="test">1</div>
<div class="test">2</div>
<div class="test">3</div>

<p><a href="#" id="duplicate">Copy 3 times</a></p>

<div id="target"></div>

JavaScript

(function($) {
    
    $.fn.duplicate = function(count, cloneEvents) {
       var tmp = [];
       for ( var i = 0; i < count; i++ ) {
               $.merge( tmp, this.clone( cloneEvents ).get() );
       }
       return this.pushStack( tmp );
    };
})(jQuery);


$('#duplicate').click(function() {
    var copies = $('div.test').duplicate(3, false);
    $(copies).appendTo('#target');
    return false;
});