gpt4 book ai didi

javascript - JQuery:基于行的表行显示/隐藏

转载 作者:可可西里 更新时间:2023-11-01 13:24:36 25 4
gpt4 key购买 nike

我有一个表,其中有一些行在行中具有相同的值,例如 -

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

关于javascript - JQuery:基于行的表行显示/隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40726539/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com