html 테이블에서 셀 값을 비교하고 행을 숨기는 방법

다음 표가 동적으로 생성되었습니다. 열 수는 동적이며 사용자 선택에 따라 4-12 사이입니다.html 테이블에서 셀 값을 비교하고 행을 숨기는 방법

내가 그 행의 class="accessLevel" 모든 셀의 값이 동일하고 값이 다른 경우에만 표시 할 경우 테이블의 행을 숨길

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

. jQuery 또는 Javascript를 사용하여 이것을 어떻게 얻을 수 있습니까?

감사합니다.

출처

2012-08-17 vindh123

저는 지난 몇 시간 동안 jQuery를 사용하여이 작업을 수행하려고 노력해 왔습니다. 나는 일하는 것에 가까운 것이 없기 때문에 내가 시도한 것을 제공하지 않았다. '$ ('.cRow ')와 같은 것을 시도하고 있었다. 각각 (function() { $ (this) .find ('. accessLevel ').(); }); ' – vindh123

당신은이 솔루션을 시도 할 수 있습니다

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

이 덜 라인에서 수행하지만, 목적에 좀 더로 분할 할 수 있습니다 . 그것을 확인하고 행동이 올바른지 알려주십시오.

출처

2012-08-17 17:29:32

와우 ..이게 내가 원했던 것이고 기대했던대로 작동하고 코드 작성보다 훨씬 더 우아합니다. 많은 감사드립니다. – vindh123

html 테이블에서 셀 값을 비교하고 행을 숨기는 방법

답변

관련 문제