jquery - jQuery：“diff”两个表；显示不常见的行

Question

在结帐应用程序中：

只需要显示最近添加的项目。

约束：

无法控制表单中的提交操作。
无法控制“行添加”机制

我的想法：

1. 加载文档时克隆表
2. 在“完成”时将表与克隆进行比较或“比较”表
3. 显示唯一行

到目前为止我在哪里：

http://jsfiddle.net/XLsCx/10/

我无法在新表中显示唯一行。如果您查看红色突出显示的内容，结果也是错误的。

（蟋蟀啁啾的声音）

还没弄明白，嗯？好吧，我做到了……终于。

http://jsfiddle.net/FkrBc/

我稍后会提交这个作为答案。

Answer 1

阅读它们并为女士们哭泣！

http://jsfiddle.net/FkrBc/

Answer 2

您不需要克隆所有表，您只需要存储最后一个tr并更改所有tr在存储的按钮单击后出现的样式。

尝试这个：

var $lastRow;
function updateLastRow() {
    $lastRow = $('#firstTable tr:last')
}

updateLastRow();

$("#houston button").click ( function () {
    var row = "<tr><td>new</td><td>item</td><td>added</td></tr>";
    $(row).insertAfter('#firstTable tbody>tr:last');
});

$("#newItems button").click ( function () {
    $lastRow.nextAll().find('td:eq(1)').css('background-color', 'red');
    updateLastRow();
});

演示