JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
</div>

<ul>
    <li id = "a"><p>Text 1</p><em>Text 2</em></li>
    <li>Gonna copy me too?</li>
    <li><h3>We're gonna be in DIVs!</h3></li>
</ul>

<button id="copy">Copy</button>
<button id="clear">Clear DIV</button>

CSS

#container {
    background: #eee;
}

#container .special {
    border: 1px solid red;
}

li {
    list-style-type: disc;
    margin: 1em;
}

JavaScript

$('#copy').click(function() {
    $('li#a').each(function(i) {
        $("<div class='special'>")
            .append($(this).clone().contents())
            .appendTo('#container');
    });
});