JSFiddle - React, Tailwind, and code Playground
HTML
<div class="text">Какой-то текст</div>
<div id="some_id"></div>
<span class="" id="addNew">Добавить элемент</span>
CSS
.text {
background-color: green;
display: inline-block;
}
#addNew {
margin-top: 20px;
display: inline-block;
cursor: pointer;
border: 1px solid black;
}
.added {
color: green;
}
.delete_me {
color: red;
cursor: pointer;
}
JavaScript
$('#addNew').click(function() {
var element = $('#some_id');
var div = document.createElement('div');
div.innerHTML = '<span class="added">Я новый элемент</span><span class="delete_me">Удалить</span>';
element.append(div);
});
$(document).on('click','.delete_me',function() {
$(this).parent().remove();
});