jquery - 比较两个表行，如果匹配则删除

Question

任何人都可以在 JQuery 中帮助我吗？我的网站leftTable和rightTable上有两个具有相同列名的表。我从数据库中填写的leftTable，但rightTable它只包含一些行。我想做的是不在 leftTable 中显示（或删除）那些存在于rightTable中的行！

我试过这个：

$("#tableLeft tr").each(function(){
    if($(this).find("td")[0].innerHTML == $("#tableRight tr").find("td")[0].innerHTML)
    {
        $(this).remove;
    }
});

Answer 1

只是一个想法

$(function(){
    $('#btn').on('click', function(e){
        $('#right_table tbody tr').each(function(){
            var row=$(this).html();
            $('#left_table tbody tr').each(function(){
                if(row==$(this).html()) $(this).remove();
            });
        });
    });
});​

演示。

我已经提到这是一个想法，只是因为您没有提供任何代码 (HTML)，所以请记住，如果两个表有的话，它们的行中应该有相同的 (class/id)。

Answer 2

我想你有这样的事情：

<table id="T1">

    <tr><td>111</td></tr>
    <tr><td>222</td></tr>
    <tr><td>333</td></tr>

</table>


<table id="T2">

    <tr><td>444</td></tr>
    <tr><td>111</td></tr>
    <tr><td>333</td></tr>

</table>

要从 id="T2" 的表中删除行，您可以执行以下操作：

$('#T1 tr').each(function(){

    var currentRowHTML=$(this).html();

    $('#T2 tr').each(function(){
        if($(this).html()===currentRowHTML){
            $(this).remove();
        }
    });
});