jquery - .remove 在单击 jquery 时不会删除列表项

Question

为什么单击时不删除 a <li>？

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

这是我将列表项添加到列表的地方：

      <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 元素使用 on() 方法

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

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

代码笔： http ://codepen.io/Maksim/pen/LEAHv

Answer 2

利用.on

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