在调用自定义函数之前删除现有效果

时间:2014-01-08 11:59:42

标签: jquery

我有一个场景,比如我已经创建了一个在页面上显示数据网格的功能,我在文档就绪事件上调用它。现在我也给了更新记录的链接,一旦记录更新,我想回忆一下这个功能,以便它显示更新的结果。问题是,当我更新记录并调用我的函数来显示结果时,它实际上在现有表之后添加了新的。我想要的是回忆最新记录而不是添加新行。所以基本上我想知道如何解开/取消某个功能,然后回想起它。

下面是我打电话的方式。

 //Update customers
    $("#form").on('click', "#update", function() {
        var data = $.param($("#form").serializeArray());
        event.preventDefault();
                    $.ajax({
                        type: "POST",
                        url: "crudcustomers.php",
                        data: data,
                        success: function(msg) {
                            $("#message").attr('class', 'alert alert-success');
                            $("#message").html(msg);
                            // Rebind datagrid after record added.
                            getRecords();
                        }
                    });
    });

因此,如果您看到我使用getRecords()重新绑定数据网格;功能。我需要删除在document.ready上调用的完整数据网格,然后在上面的函数中调用它。

1 个答案:

答案 0 :(得分:0)

在表.remove()

上使用tr
$('table').find('tbody tr').remove();

jsfiddle: http://jsfiddle.net/Pg2FD/