jQuery - on（'click'）事件不适用于动态对象

Question

<ul id="listaAtributos" class="editable isAtribute">
      <li>Atributo 1<i class="js-remove">✖</i></li>
      <li>Atributo 2<i class="js-remove">✖</i></li>
      <li>Atributo 3<i class="js-remove">✖</i></li>
    </ul>

$('#listaAtributos').append('<li>Atributo<i class="js-remove">✖</i></li>')

$('.js-remove').on('click', 'js-remove', function(){
$(this).parent().remove() })

此代码不起作用，有人告诉我为什么？

Answer 1

将事件绑定到dom上已存在的父元素

$('#listaMetodos').on('click', '.js-remove', function(){