Ниже приведен пример кода
здесь, когда я нажимаю ссылку, "div" добавляется в основной блок, но когда я нажимаю div (.sub_box), его не удалять
Как я могу активировать щелчок "div" после добавления
<div class="main_box">
<a href="#" class="add">add box</a>
<div class="sub_box">remove box</div>
</div>
$('.main_box .add').click(function () {
$('.main_box').append('<div class="sub_box">remove box</div>');
});
$('.main_box div').click(function () {
$(this).remove();
});
Вы должны использовать событие делегирование здесь, так как ваш div добавлен в DOM динамически:
$('.main_box').on('click','.main_box div',function () {
$(this).remove();
});
Вы добавили класс sub_box динамически, поэтому используйте делегирование событий в jquery
$('.main_box').on('click' '.add', function () {
$(this).append('<div class="sub_box">remove box</div>');
});
$('.main_box').on('click','.main_box div',function () {
$(this).remove();
});