JSFiddle - React, Tailwind, and code Playground
HTML
<div id="adder">click to add elements</div>
<div class="wrapper">
contents:
<div class="inner">0</div>
</div>
CSS
body {
font-family: sans-serif;
font-size: 12px;
}
.inner {
width: 30px;
background-color: #f0f0f0;
margin: 4px 0;
}
JavaScript
var $inner = $('.inner').first(),
$wrapper = $('.wrapper'),
count = 0;
$wrapper.on('click', '.inner', function(e) {
alert('click from ' + $(this).text());
});
$('#adder').on('click', function() {
$wrapper.append($inner.clone().text(++count));
});