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