JSFiddle - React, Tailwind, and code Playground
HTML
<button id="create-main">создать блок</button>
<div id="main-container">
</div>
JavaScript
function Div(divNum){
var jqDiv = $('<div>Это div №'+divNum+'</div>');
this.getJqElement = function(){
return jqDiv;
};
return this;
}
function Main(){
var jqMainDiv = $('<div class="main"></div>');
var jqButton = $('<button>Создать DIV</button>');
var divCount = 0;
function createDiv(){
divCount++;
var newDiv = new Div(divCount);
jqMainDiv.append(newDiv.getJqElement());
}
jqButton.click(createDiv);
jqMainDiv.append(jqButton);
$('#main-container').append(jqMainDiv);
return this;
}
$('#create-main').click(function(){
new Main();
})