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