jQuery在表中选择两个列，然后按行比较TD值

Question

我已经创建了一个小的HTML文件，该文件允许用户使用两个下拉菜单选择两列。

用户选择两列并单击"比较"按钮，将出现两个选定的列。

接下来，用户应查看两列之间的差异（它们具有不同的背景颜色）。彩色列中包含相同文本的行应显示文本" no Change"。

这是一个更好地说明我的问题的小提琴：

https://jsfiddle.net/0lzwojmb/

我尝试了此代码：

$(".tabella tr").each(function(){
    if($(this).find("td.slot1").text()==$(this).find("td.slot2").text())
    {
       $(this).find("td.slot2").text("MATCHED!");
    }   
});

...但是它不起作用：（。

最后一个问题（对不起）：如果单击按钮比较，则可以显示两列要显示。而且，如果选择其他列，然后重新单击"比较按钮，则其他列出现在右侧。在比较按钮上再次单击时，如何重置整个页面？

也许我可以隐藏比较按钮并显示将重新加载页面的另一个按钮（重置）。这将是我的新手方法。获得相同结果的最佳方法是什么？

Answer 1

您对 tabella 的引用不匹配任何元素；将选择器更改为：

$("table tr").each(function() { ... });

有几行您可以将表重置为原始状态而无需重新加载页面。

根据您的代码完成示例：

jsfiddle