2012-09-24 22 views
5

誰かがJQueryで私を助けてくれますか? 私のサイトに2つのテーブルがありますleftTablerightTable同じ列名です。 leftTable DBからいっぱいですが、のrightTableにはいくつかの行が含まれています。私がしたいのは、の左テーブルに表示されないようにすることです(右テーブルにあります)。2つのテーブルの行を比較し、一致する場合は削除します

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

。次のjQuery関数に関する情報を検索します:html() - 要素のhtml、each() - 選択された要素ごとに特定の関数を実行し、remove() - 選択された要素を削除します。 – gotqn

答えて

2

は、私はあなたがこのようなものがあるとします。idを持つテーブルから行を削除するには

<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> 

を=「T2」あなたはこのような何かを行うことができます。これで困難なものは何もありません

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

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

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

ジャストアイデア

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

DEMO

は、私はこれをしようと試みました。

私はすでにコード(HTML)を提供していないので、それはアイデアだと言いました。

関連する問題