JSFiddle - React, Tailwind, and code Playground

by adiioo7

HTML

<div id='mydiv'> <span class="tobecloned">  some heavy dom1 <br/> </span>
 <span class="tobecloned">  some heavy dom2  <br/></span>
 <span class="tobecloned" id="last">  last heavy dom  <br/></span>

</div>

JavaScript

lastSpan = $('.tobecloned').last();

for (i = 0; i < 4; i++) {
    // Here I am making enough changes in cloneHtml
    console.log(i);
    cloneHtml = $('.tobecloned').last().clone();
    cloneHtml.attr('status', i + 1);
    cloneHtml.insertAfter($('.tobecloned').last());
}