刪除與jQuery

Question

頁面加載後創建的標籤我有小的應用程序： http://jsfiddle.net/Bwdf6/4/

但隨着點擊刪除，即後頁面加載犯規刪除創建的標籤。 有什麼辦法來刪除頁面加載後創建的標籤？

在此先感謝

Answer 1

使用live() - Working Demo。

$('.sp').live("click", function() { 
     $(this).parent().remove(); 
    }); 

當你動態地創建元素，使用click()是不夠的 - 只分配一個單擊處理程序存在的時候click()被稱爲所有.sp元素。

live()，在另一方面，用於：

附加一個處理程序事件當前 選擇器現在和將來匹配其中，所有 元素。

因此，任何動態添加的新元素與sp類都會將該處理程序附加到它們。

編輯：其實，一對夫婦的人指出，雖然live()會做你需要什麼，在這種情況下使用最有效的功能將是delegate()，這是用來：

附加一個處理程序，以一個或多個事件 爲一組特定的根元素的基礎 的 選擇現在或將來匹配，所有的元素。

我不會通過發佈代碼示例來竊取榮耀 - 請參閱@ Mark的答案，應該接受而不是我的。

Answer 2

這就是爲什麼live()的 '發明'。

變化：

$('.sp').click (function() { 

有：

$('.sp').live('click', function() { 

Answer 3

您可以使用.live()代替：

http://jsfiddle.net/Bwdf6/5/

Answer 4

您可以使用.live()或.delegate()

.delegate()將是最好的選擇，因爲所有的項目都有一個共同的母公司。

$('#theList').delegate(".sp", "click", function() { 
    $(this).parent().remove(); 
}); 

Updated fiddle