Question

我正在尝试比较两个类似于此处概念中的HTML表： compare two html tables data line by line and highlight using jquery

除了我只需要知道两者中是否有任何数据都没有出现。

到目前为止我的解决方案是通过第一个表格，如果我在第二个表格中找到匹配项，请突出显示它。如果没有匹配项，请在第一个表中突出显示它。（使用找到的和未找到的类）。

这是我的代码。选择器正在工作，但这些类似乎没有坚持。

$(document).ready(function(){
    $("#oldScript tr").each(function(){
        $('#newScript tr:contains('+ "" + this.innerHTML + "" + ')').addClass("found");
        if($('#newScript tr:contains('+ "" + this.innerHTML + "" + ')').length == 0){
            $(this).addClass("notFound");
            alert("Row not found \n" + $(this).innerHTML);
        }
    });
});

Answer 1

使用each时，最好使用jQuery Docs中定义的回调函数中的参数。有一个小提琴但尝试这样的东西而不是在循环中使用this会很有帮助（现在注意回调函数的参数）。

$(document).ready(function(){
    $("#oldScript tr").each(function(index, item) {
        $('#newScript tr:contains('+ "" + item.innerHTML + "" + ')').addClass("found");
        if($('#newScript tr:contains('+ "" + item.innerHTML + "" + ')').length == 0){
            $(item).addClass("notFound");
            alert("Row not found \n" + item.innerHTML);
        }
    });
});

jQuery突出显示表中的差异

1 个答案: