如何比較單元格值並隱藏html表中的行

我有下表動態生成的表。根據用戶選擇，列數是動態的，在4-12之間。如何比較單元格值並隱藏html表中的行

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

謝謝。

來源

2012-08-17 vindh123

我一直在嘗試使用jQuery在過去幾個小時內實現此目的。我沒有任何接近工作的東西，因此沒有提供我所嘗試過的東西。（）函數（）{（this）.find（'。accessLevel'）。each（function（）{val {0}}（this）.html （）; }）;' – vindh123 2012-08-17 17:08:16

你可以試試這個解決方案

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

它可以在更短的行來，但我的目的是分裂，更多。檢查一下，讓我知道行爲是否正確。

來源

2012-08-17 17:29:32

哇..這正是我想要的，並按預期工作，比我要編寫的代碼更優雅，非常感謝。 – vindh123 2012-08-17 17:40:18

如何比較單元格值並隱藏html表中的行

回答

相關問題