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元素。