Jquery 无法删除表行

Jquery 无法删除表行,jquery,knockout.js,Jquery,Knockout.js,我正在使用此代码在我的表中添加新行: var CA = function() { this.CAName = null; this.CAAdress = null; this.CAIdNum = null; this.CAContact = null;

我正在使用此代码在我的表中添加新行:

 var CA = function() {
                            this.CAName = null;
                            this.CAAdress = null;
                            this.CAIdNum = null;
                            this.CAContact = null;
                            this.CAName = null;
                            this.CANote = null;
                            this.CAType = null;
                        };

                        newCreditRows = function () {
                            this.creditRows.push(new CA());
                        };

我的问题是无法删除新行(由
newCreditRows
函数添加)。我尝试了几种不同的方法,如:
this.creditRows.remove(CA)

但是没有运气。我需要删除它,因为空值被插入到我的可观察数组中,当我在记录中循环时,它会产生巨大的问题。我确信我遗漏了一些非常小的东西,但作为一名初级开发人员,我无法修复它。

如果您只想删除最后插入的代码,则此代码可以完成此任务。我将新创建的行存储在名为
nova
的临时变量中。当您单击按钮
remove
I从阵列中删除nova行时:


演示:

如果只想删除最后插入的代码,此代码将执行此操作。我将新创建的行存储在名为
nova
的临时变量中。当您单击按钮
remove
I从阵列中删除nova行时:


演示:

您可以向对象添加删除功能:

removeCreditRow : function (parent){
    parent.creditRows.remove(this);
}
并按如下方式使用:

    <td><a href="#" data-bind="click: $parent.removeCreditRow.bind($data, $parent)">Remove</a> </td>


这里是工作提琴:

您可以向对象添加删除功能:

removeCreditRow : function (parent){
    parent.creditRows.remove(this);
}
并按如下方式使用:

    <td><a href="#" data-bind="click: $parent.removeCreditRow.bind($data, $parent)">Remove</a> </td>

这是工作小提琴:

看看

我希望它能有所帮助。

看看

我希望有帮助