$('button').on('click', function() {
if ($('.input').val() == "") {
alert('Введите дело');
return
}
$('.todo').append(`<li>${$('.input').val()}
<button class="delete">✖</button></li>`);
$('.input').val("");
})
$(".delete").on('click', function() {
let parent = $(this).parent();
parent.remove();
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="spisok">
<div class="spisok__text">ToDo List</div>
<input class="input" type="text">
<button>ADD</button>
<ul class="todo">
</ul>
</div>
Почему при нажатии на кнопку крестик, которая создаётся с классом .delete тег li не удаляется