如何取消选择jquery中的普通按钮

时间:2014-10-28 10:24:32

标签: jquery

我试图动态添加和删除列,并且我看到了一些stackoverflow答案,建议在每行的末尾添加删除按钮以进行删除。但是我不喜欢这种方法,因为桌子看起来并不好看。并且通过选择网格来形成表格。

这是小提琴链接: http://jsfiddle.net/pr6wd0qv/188/

$three.click(function () {
            $('#CreateTableControl tr').click(function () {
                $(this).css("background-color","#FF3700");
                $(this).fadeOut(400, function(){
                $(this).remove();
                return false;
                });
            });
            $("#three").unbind("click");
        });

按下删除按钮,然后在行上的任何单击上删除该行。试图使用unbind(),但没有工作。 因此,请建议一些其他方法来动态删除行。

1 个答案:

答案 0 :(得分:0)

不要取消绑定按钮上的点击,在点击一行后解除对行的点击:

<强> jsFiddle demo

$three.click(function () {
    $('#CreateTableControl tr').click(function () {
        $('#CreateTableControl tr').unbind("click"); // unbind here

        $(this).css("background-color","#FF3700");
        $(this).fadeOut(400, function(){
            $(this).remove();
            return false;
        });
    });
});