JQuery的：基於

Question

行

錶行顯示/隱藏我有有一些行用相同的值在像行的表 -

<table> 
    <thead> 
     <tr> 
      <th>Players</th> 
      <th>Country</th> 
      <th>ZIP Code</th> 
     </tr> 
    </thead>> 
    <tbody> 
     <tr> 
      <td>Jhon Doe</td> 
      <td>USA</td> 
      <td>53255343</td> 
     </tr> 
     <tr> 
      <td>Jhon Doe</td> 
      <td>USA</td> 
      <td>53255343</td> 
     </tr> 
     <tr> 
      <td>Etinee Gomes</td> 
      <td>Ghana</td> 
      <td>566682</td> 
     </tr> 
    </tbody> 
</table> 

我需要證明其具有相同價值的那些行的第一行。在這種情況下，第一行和第二行具有相同的數據，只需要顯示第一行。如果表格數據（<td>）不相同，則保留原樣。是否有可能使用JQuery？

Answer 1

你可以通過你tbody的項目環和尋找這樣一個if/else條件：

var data = [] 
 
$('tbody tr').each(function() { 
 
    var trdat = $(this).text().trim(); 
 
    if ($.inArray(trdat, data) !== -1) { 
 
    $(this).hide() 
 
    } else { 
 
    data.push(trdat); 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <thead> 
 
    <tr> 
 
     <th>Players</th> 
 
     <th>Country</th> 
 
     <th>ZIP Code</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Jhon Doe</td> 
 
     <td>USA</td> 
 
     <td>53255343</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Jhon Doe</td> 
 
     <td>USA</td> 
 
     <td>53255343</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Etinee Gomes</td> 
 
     <td>Ghana</td> 
 
     <td>566682</td> 
 
    </tr> 
 
    </tbody> 
 
</table>