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

时间:2012-08-17 17:02:15

标签: javascript jquery html

我有动态生成的下表。列数是动态的,根据用户选择在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实现这一目标?

谢谢。

1 个答案:

答案 0 :(得分:2)

您可以尝试此解决方案

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

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