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

我有一个场景，就像我做了一个在页面上显示数据网格的函数一样，我在DocumentReady事件中调用它。现在，我还提供了更新记录的链接，一旦记录更新，我想调用函数，以便显示更新的结果。问题是，当我更新记录并调用函数以显示结果时，它实际上会在现有表之后添加新的。我想要的是回忆最新的记录，而不是添加新行。所以基本上我想知道如何取消调用/取消设置函数之类的内容，然后调用它

下面是我打电话的方式

 //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（）重新绑定datagrid；功能。我需要删除document.ready上调用的完整数据网格，然后在上述函数中调用它。

在表的

tr上使用
.remove（）

$('table').find('tbody tr').remove();

jsfiddle:
它会记住所有的trs吗？明白了，谢谢：）但是我们没有办法取消调用和调用函数吗？你说的“取消调用”是什么意思？