单击事件不能处理新插入的元素

Question

HTML：

<div>
  <ol class='addmenow'>
  </ol>
</div>

jQuery的：

$('.item').click(function(){
  $('.addmenow').append("<li class='removemenow'>" +  " " + ($(this).attr('data-value')) + "  </li>")
 })

我无法让这个工作：

<script>
  $('.removemenow').click(function(){
    alert('hello')
  })
</script>

这是因为在已经加载DOM之后添加了每个li元素吗？因此，＆＃39;。删除＆＃39;在click事件中基本上是未定义的？我在控制台中没有收到任何错误。我们的想法是能够将一个li元素添加到div中，并在单击时将其删除。

任何见解都会有所帮助！

由于

Answer 1

 $('.addmenow').on('click', '.removemenow', function(e){
    alert('hello');
    e.preventDefault();
 });

对动态创建的元素使用事件委派方法。