JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<div>Товар</div>
<div>Описание к товару</div>
</div>
<div class="clone-box"></div>
<button type="button" class="button">Копировать</button>
CSS
[id*="container"] {
margin-bottom: 10px;
}
JavaScript
$(document).ready(function() {
var i = 1;
$(".button").click(function() {
var clone = $("#container").clone(false)
var cloneItems = clone.find("*[id]").addBack();
cloneItems.each(function() {
$(this).attr("id", $(this).attr("id") + "_" + i);
});
clone.appendTo( ".clone-box" );
i++
});
});