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/

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