JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" class="adddiv" value="add" />
<div class="clean">
msg
</div>
JavaScript
$(".adddiv").on("click",function(){
if($('div.main1').length <= 5){
$('.clean').after('<div class="clean main1">msg<button class="close" value="close" /></div>');
}
else{
// do something else here
alert('cannot be more than 5')
}
});
$(document).on("click",".close",function(){
$(this).closest('div').remove();
});