как удалить вставленную ссылку с помощью jquery

0

Ниже приведен пример кода

здесь, когда я нажимаю ссылку, "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();
});
Теги:

2 ответа

2
Лучший ответ

Вы должны использовать событие делегирование здесь, так как ваш div добавлен в DOM динамически:

$('.main_box').on('click','.main_box div',function () {
    $(this).remove();
});
0

Вы добавили класс 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();
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню