javascript - 如何比较单元格值并隐藏 html 表格中的行

Question

我有动态生成的下表。列数是动态的，根据用户选择在 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 实现此目的？

谢谢。

Answer 1

您可以尝试这个解决方案

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

它可以用更少的行来完成，但我故意将它分成更多行。检查一下并让我知道行为是否正确。