[英]JQuery: Table Row Show/Hide based on row
我有一个表,行中有一些行具有相同的值,如 -
<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?
你可以遍历你的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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.