如果其值與jquery中的另一個TR相似，如何隱藏TR？

Question

如果它的第一個TD值類似於另一個TR的TD值，我想隱藏它。

例如：

<table>
<tr>
    <td>123</td>
    <td>Example 1</td>
</tr>
<tr>
    <td>789</td>
    <td>Example 2</td>
</tr> 
<tr>
    <td>123</td>
    <td>Example 3</td>
</tr>   
</table>

我想要的是：

<table>
<tr>
    <td>123</td>
    <td>Example 1</td>
</tr>
<tr>
    <td>789</td>
    <td>Example 2</td>
</tr>    
</table>

有人可以告訴我該怎么做嗎？

任何幫助將不勝感激。

Answer 1

您可以在第一個TD中創建文本映射，然后根據該文本進行過濾

 var trs = $('table tr'), map = trs.map(function() { return $(this).find('td:first').text().trim() }).get(); trs.filter(function(i) { return map.indexOf( $(this).find('td:first').text().trim() ) !== i; }).hide(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td>123</td> <td>Example 1</td> </tr> <tr> <td>789</td> <td>Example 2</td> </tr> <tr> <td>123</td> <td>Example 3</td> </tr> </table> 

Answer 2

HTML

<table id="my_table">
 <tr>
<td>123</td>
<td>Example 1</td>
   </tr>
   <tr>
<td>789</td>
<td>Example 2</td>
 </tr> 
  <tr>
<td>123</td>
<td>Example 3</td>
 </tr>   
 </table>

在JavaScript中使用jQuery

<script>
$("#my_table tr").each(function(){
 var findTxt=$(this).find("td:eq(0)").text();
 $("#my_table tr").each(function(){
   if($(this).find("td:eq(0)").text()==findTxt){
        $(this).remove();
       }
     });
     });
 </script>