jquery删除。在div内的按钮被删除

Question

我有一个列表项，里面有一个按钮。该按钮被附加到一个jquery函数来删除列表项。

//Delete Button - delete from cart 
    $('.ui-icon-trash').click(function() { 
     $(this).closest('li').remove() 
    }); 

<li> 
content here.... 
<a href="#" title="Remove from cart" class="ui-icon ui-icon-trash">Remove from cart</a> 
</li> 

为什么不工作？是否因为按钮位于我想要移除的项目内？有没有解决的办法？？

Answer 1

我的猜测是绑定不工作，因为li是动态创建的？

装订仅在文档准备就绪时发生一次。所以如果元素是在页面加载后创建的，那么click事件将不会被绑定。

在这种情况下，使用live：

$('.ui-icon-trash').live('click',function() { 
    $(this).closest('li').remove() 
}); 

Answer 2

我想在jQuery中有一个像.parent这样的方法。 您可以使用此... http://api.jquery.com/parent/

如果您的按钮是动态添加的，您必须重新绑定它。否则，jQuery将不知道DOM元素。