JSFiddle - React, Tailwind, and code Playground

by snover

HTML

<div id="orig">
    <div class="elem"><a>1</a></div>
    <div class="elem"><a>2</a></div>
    <div class="elem"><a>3</a></div>
    <div class="elem"><a>4</a></div>
    <div class="elem"><a>5</a></div>
    <div class="elem"><a>6</a></div>
    <div class="elem"><a>7</a></div>
    <div class="elem"><a>8</a></div>
    <div class="elem"><a>9</a></div>
</div>

<div id="copy"></div>

<div id="copy-correct"></div>

JavaScript

$(function() {
    $('#copy').append($('#orig .elem').clone().children('a').prepend('foo - ').parent().clone());
    
    $('#copy-correct').append($('#orig .elem').clone().children('a').prepend('bar - ').end());
});