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(){