как удалить элемент Li

Question

Я folllowing Funtion:

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 ">, когда пользователь представляет данные с помощью InputBox с идентификатором = 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(); 
}); 

Answer 2

Try создать Li элемент и назначить функцию щелчка сразу после этого:

var $element = $('</li>).append($('#Membership_c_tel').val()); 
$element.append('<a/>', {href:'#', text:'x'}); 
$element.click(function(){ 
    // closests will be best if you plan to change your html inside li 
    $(this).closests('li').remove(); 
    return false; 
}); 
$element.appendTo($("#newly_create_tel")); 

Вы больше проверочные и вы не используете какие-либо события, когда вы действительно не нужно им

Answer 3

внутри функции мыши write $ (this) .parent(). remove; это сработало для меня