2013-11-01 183 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/