Question

以下是示例代码

这里当我点击链接时，＆＃39; div＆＃39;被添加到主框中但是当我点击div（.sub_box）时，它不会删除

我如何激活＆＃39; div＆＃39;添加后点击

<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();
});

Answer 1

您需要在此处使用 event delegation ，因为您的div已动态附加到DOM：

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

Answer 2

您动态添加了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();
});

如何使用jquery删除插入的链接

2 个答案: