2013-11-01 223 views
1

我試圖設置一個帶有動態數量字段的窗體,用簡單的+/- jquery按鈕進行控制。刪除jQuery按鈕

我已經指定類的刪除按鈕,它是工作,我希望可以在這裏看到:

http://jsfiddle.net/cmaTG/

我的問題是,每當上的刪除按鈕中的一個用戶點擊,我不僅要從表格中刪除該行,還要銷燬該按鈕並刪除與之關聯的所有事件偵聽器。我知道文檔說.remove()會爲我做這件事,但谷歌Chrome開發者工具時間軸會有所不同。

通過爲刪除按鈕指定一個類,它使代碼變得更加清潔,我使用了一種不同的方法,其中我使用了一個全局變量來跟蹤刪除按鈕的實例數量,並將唯一ID分配給每個新的移除按鈕都使用該實例。點擊刪除按鈕後,我可以使用.off()destroy刪除它。這樣做使我的DOM節點計數和事件監聽器倒計時,但代碼非常混亂,我通常不喜歡使用全局變量....是否有一個快樂的媒體在這裏?或者我堅持在兩者之間進行選擇?

回答

1

我從你的小提琴得到這個代碼和編輯它:

$(".remove_0").on('click', function(){ 
    $(this).closest("tr").remove(); 
    var textInst = instance; 
    $(this).unbind('click').remove();     
}); 

http://jsfiddle.net/s8uXc/2/