jQuery删除添加了jQuery的div

Question

我用jQuery添加一些div，每个div都有一个取消按钮来删除div。 但div删除按钮不起作用。 这是我的div删除代码

$('.canceltag').click(function(){
        $(this).parent().remove();
    });

这是我的完整jQuery代码

$(document).ready(function(){
    var BaseURL   = $(".BaseURL").val();
    var fPeople = $('.fPeople').val();
    $('.fPeople').typeahead({
        ajax: {
            url: ""+ BaseURL +"json/tag",
            method: 'post',
            triggerLength: 1
        },
        onSelect: (function(item){
            var aprid = item.value;
            var aprname = item.text;
            var nappr   = " <i class='tagcover'>"+ aprname +" <b class='cursor_pointer text-danger canceltag'>X</b><input type='hidden' name='tag[]' value='"+ aprid +"'></i>";
            $(".selectedname").append(nappr);

            $('.fPeople').val('');
        })
    });

    $('.canceltag').click(function(){
        $(this).parent().remove();
    });

});

Answer 1

使用事件委派将事件附加到附加到document

的动态创建的元素

// attach event to `.canceltag` parent element
$(".selectedname").on("click", ".canceltag", function() {
    $(this).parent().remove();
});