jQuery删除jQuery添加的div

西拉·哈通(Sila Khatun)

这是捕获

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

});
来宾271314

使用事件委托将事件附加到附加到动态创建的元素上 document

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章