如何删除li元素

Question

我有以下功能:

function addPhone()
    {
        var value=  $('#Membership_c_tel').val();

        $.ajax({
            url: '/cabinet/membership/addPhone',
            type: 'POST',
            cache: false,
            data: {'val':value},
            beforeSend: function() {
            },
            success: function (r) {
                var val=document.getElementById("Membership_c_tel").value;
                $("#newly_create_tel").append("<li class="+val+">"+document.getElementById("Membership_c_tel").value+"<a href='#' class=''>x</a></li>");
                $('#Membership_c_tel').val('');


            },
            error: function (e) {
                console.log(e);
            }
        });

    }

的功能是负责添加<li>到<ul id="newly_create_tel ">当用户提交使用输入框ID为= Membership_c_tel数据.同时<a href="#">x</a>也加入了<li>.问题是我不知道如何<li>在按下x时删除特定元素.我怎样才能实现呢？帮我.

$('#newly_create_tel li a').click(function(event){
                    event.preventDefault();

                });

Answer 1

您需要使用event delegation它,因为它是动态生成的并且li使用parent()或closest()方法.

$('#newly_create_tel').on('click', 'li a', function(event){
   event.preventDefault();
   $(this).parent().remove();
});