如何比较单元格值和隐藏 html 表中的行

How to compare cell values and hide rows in a html table

本文关键字：html 隐藏 何比较 比较 单元格      更新时间：2023-09-26

我动态生成了下表。列数是动态的，根据用户选择在 4-12 之间。

<table>
<tr>
    <th class="roleComparethead">Function</th>
    <th class="roleComparethead"">Type</th>
    <th class="roleComparethead">1111</th>
    <th class="roleComparethead">222</th>
    <th class="roleComparethead">555</th>
</tr>
<tr class="cRow">
    <td class="roleComparethead"> Profiles Maintenance</td>
    <td class="type"> Internal </td>
    <td class="access"><span class="accessLevel">Update</span></td>
    <td class="access"><span class="accessLevel">Read</span></td>
    <td class="access"><span class="accessLevel">NoAccess</span> </td>
</tr>
    <tr class="cRow">
    <td class="roleComparethead"> Profiles Maintenance</td>
    <td class="type""> Internal </td>
    <td class="access"><span class="accessLevel">Read</span></td>
    <td class="access"><span class="accessLevel">Read</span></td>
    <td class="access"><span class="accessLevel">Read</span> </td>
</tr>

如果该行中具有class="accessLevel"的所有单元格的值相同，我想隐藏表中的行，并且仅在值不同时才显示。如何使用jQuery或Javascript实现这一点？

谢谢。

您可以尝试此解决方案

http://jsfiddle.net/mjaric/aLWVM/

它可以在更少的行中完成，但我的目的是将其拆分为更多。检查一下，让我知道行为是否正确。

相关文章：