JQuery - удалить li, содержащую ссылку

Question

У меня есть ссылка внутри элемента <li> и требуется, чтобы элемент <li> был удален при нажатии ссылки. Вот мой код:

<li id='i80'> 
<div class='singleitem'> 
    <img src='/css/images/image.png' width='30' height='30' /> 
    <div id='listtext'><h1>Title</h1></div> 
    <a class='delete' id='80' href='#'></a> 
    <div id='helper'></div> 
</div> 
</li> 

И мой Jquery код:

$(".delete").click(function(e){ 
var del_id = $(this).attr('id'); 
e.preventDefault(); 
$.post("/add/delete.php", { iid: del_id } ,function(data){ 
    if(data.status == 'deleted'); 
    { 
    $(this).closest("li").remove(); 
    } 
}); 
}); 

Аякса работает отлично и «удален» статус посылается обратно правильно, однако, что одна линия, которая включает в себя удаление родитель li просто не работает. Есть идеи? Благодарю.

EDIT:

Я заметил, что новые элементы списка Я добавил динамически в мой существующий ul здесь не работают. Это потому, что это просто загружается, когда страница загружается изначально, а затем не будет работать с динамически обновляемым контентом?

Answer 1

$ (этот) объект внутри блока ajax не является объектом $ (". Delete"). Вам нужно будет сделать что-то вроде этого:

$(".delete").click(function(e){ 
var $del_button = $(this); 
var del_id = $(this).attr('id'); 
e.preventDefault(); 
$.post("/add/delete.php", { iid: del_id } ,function(data){ 
    if(data.status == 'deleted'); 
    { 
    $del_button.closest("li").remove(); 
    } 
}); 
}); 

Answer 2

try $ (this) .parent(). Remove();

(хотя он чувствует, как пилят сук, на котором сидишь ..)

Answer 3

попробовать следующее, вы должны ссылаться на родителю

$(this).parent().remove() 

Answer 4

$(".delete").click(function(e){ 
var del_btn = $(this);    // cahed 
var del_id = del_btn.attr('id'); 
e.preventDefault(); 
$.post("/add/delete.php", { iid: del_id } ,function(data){ 
    if(data.status == 'deleted'); 
    { 
    del_btn.closest("li").remove(); // used 
    } 
}); 
}); 

---

EDIT чтобы соответствовать дополнительной проблеме, заданной ОП.
Используйте метод .on() как:

$(".singleitem").on('click', 'a.delete', function(e){ 
var del_btn = $(this);    // cahed 
var del_id = del_btn.attr('id'); 
e.preventDefault(); 
$.post("/add/delete.php", { iid: del_id } ,function(data){ 
    if(data.status == 'deleted'); 
    { 
    del_btn.closest("li").remove(); // used 
    } 
}); 
});