JQuery: Tabellenzeile Show/Hide basierend auf Zeile

Question

Ich habe eine Tabelle, die eine gewisse Reihe mit dem gleichen Wert in Reihen wie hat -

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

ich erste Reihe dieser Zeilen zeigen müssen, die denselben Wert aufweisen. In diesem Fall müssen die erste und die zweite Zeile, die dieselben Daten haben, nur die erste Zeile anzeigen. Wenn Tabellendaten (<td>) nicht übereinstimmen, dann belassen Sie es. Ist es möglich, Jquery zu verwenden?

Answer 1

Sie können eine Schleife durch die Elemente Ihrer tbody und suchen Sie nach einem if/else Bedingung wie folgt aus:

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>