javascript - 如果TR的值与jquery中的另一个TR相似，如何隐藏TR？

Question

如果 TR 的第一个 TD 值与另一个 TR 的 TD 值相似，我想隐藏该 TR。

例如:

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