Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery突出显示表中的差异_Javascript_Jquery_Html Table_Compare - Fatal编程技术网

Javascript jQuery突出显示表中的差异

Javascript jQuery突出显示表中的差异,javascript,jquery,html-table,compare,Javascript,Jquery,Html Table,Compare,我试图比较两个HTML表,这两个HTML表在概念上与这里所做的类似: 除了我只需要知道其中是否有任何数据在这两种情况下都不会出现 到目前为止,我的解决方案是遍历第一个表,如果在第二个表中找到匹配项,则突出显示它。如果没有匹配项,请在第一个表中突出显示。(使用已找到和未找到的类) 这是我的密码。选择器在工作,但类似乎没有坚持 $(document).ready(function(){ $("#oldScript tr").each(function(){ $('#newS

我试图比较两个HTML表,这两个HTML表在概念上与这里所做的类似:

除了我只需要知道其中是否有任何数据在这两种情况下都不会出现

到目前为止,我的解决方案是遍历第一个表,如果在第二个表中找到匹配项,则突出显示它。如果没有匹配项,请在第一个表中突出显示。(使用已找到和未找到的类)

这是我的密码。选择器在工作,但类似乎没有坚持

$(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);
        }
    });
});

使用每个时,最好使用中定义的回调函数中的参数。在循环中使用fiddle可能会有帮助,但请尝试类似的操作,而不是使用
this
(注意回调函数的参数)


你是什么意思,似乎没有坚持?当我在Firefox中测试并使用Firebug时,曾经有一段时间我会看到类出现在td元素上,但更改不会发生。现在我甚至没有看到这一点。这是一个范围问题吗?我没有从each函数中访问实际表的权限吗?oldScript和newScript是我的表
$(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);
        }
    });
});