.remove單擊時不刪除列表項目jquery

Question

爲什麼單擊時不會刪除<li>？

$(".ListOfItems a").click(function() { 
    $(this).parent('li').remove(); 
}); 

這是whereI'm添加列表項的列表：

 <ul class="ListOfItems"> 
     </ul> 

有了這個：

 var list = $(".ListOfItems"); 

    liToAdd = ("<li id = " + itemtoadd + " class = \"itemAdd\">" + name + 
    "<a href=\"#\" > Remove me</a></li>"); 
    list.append(liToAdd); 

一切都很好，但我不能讓一個<li>刪除。

Answer 1

嘗試使用（）方法用於動態DOM元素

$('.ListOfItems').on('click','a',function() { 
    $(this).parent().remove(); 
}); 

http://api.jquery.com/on/

CodePen： http://codepen.io/Maksim/pen/LEAhv

Answer 2

使用.on

$(document).on('click, ".ListOfItems a", 'function() { 
    $(this).parent('li').remove(); 
});