jQuery按钮删除

时间:2013-11-01 21:48:06

标签: jquery html button event-listener

我正在尝试设置一个具有动态字段数的表单,使用简单的+/- jquery按钮进行控制。

我为删除按钮指定了一个类,它正如我所希望的那样工作,可以在这里看到:

http://jsfiddle.net/cmaTG/

我的问题是,每当用户点击其中一个删除按钮时,我不仅要从表中删除该行,还要销毁该按钮并删除与其关联的所有事件侦听器。我知道文档说.remove()会为我做这件事,但谷歌Chrome开发者工具时间表会有所不同。

通过为删除按钮分配一个类,它使代码更清晰,我使用了一种不同的方法,我使用全局变量来跟踪删除按钮的实例数,并为每个按钮分配一个唯一的ID使用实例的新删除按钮。点击删除按钮后,我可以使用.off()destroy将其删除。这样做可以保持我的DOM节点计数和事件监听器倒计时,但代码非常混乱,我通常不喜欢使用全局...这里有一个快乐的媒体?还是我在两者之间做出选择?

1 个答案:

答案 0 :(得分:1)

我从你的小提琴那里得到了这个代码并编辑了它:

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

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