2012-07-31 4 views
1

나는이 같은 테이블이 모든 행내 테이블을 어떻게 보여줄 수 있습니까?

<table id='table1'> 
    <thead> 
     <tr>...table headers...</tr> 
    </thead> 
    <tr> 
     <td>xyz</td> 
     <td> 
      <table><tr></tr></table> 
     </td> 
    </tr> 

    <tr></tr> 
    <tr></tr> 
    <tr></tr> 
    ... 
    ... 
</table> 

그 모든 내부 테이블이 몇 가지 텍스트와 이미지가 첫번째 데이터 행과 같은 구조를 가지고있다.

처음에, 나는

가 지금은 15 행 및이를 숨기기를 취소하는 행 1에서 말을 선택하려면 헤더를 제외하고 모든 것을 숨길

$('#table1').find("tr:gt(0)").hide(); 

를 사용합니다. 또 다른 포스트에서, 나는 내가 그 행을 찾기 위해 $('#table1').children('tr').slice(1,15)을 사용할 수 있습니다 알고 있지만, 내가

$('#table1').children('tr').slice(1,15).show(1000); 

모든 내부 테이블이 아직 표시되지 않는 사용하여 보여주고 싶은,하지만 때 텍스트 "XYZ는"AM I을 보였다된다 여기 뭔가가 없어?

+0

.children()로 시도? 그렇다면 다양한 CSS 클래스를 테이블에 추가하여 선택기에서 테이블을 구별 할 수 있습니다. –

답변

1

tr은 표의 .children이 아니며 암시 적으로 만들어진 tbody 요소 내부에 있기 때문에 하위 항목입니다. 당신이 HTML을 제어 할 수 않는 tbody

http://jsfiddle.net/utmXa/4/

$('#table1 > tbody').children().hide(); 
$('#table1 > tbody').children().slice(1, 15).show(1000); 
+0

네,이 작품, 첫 번째 버전은 조금 일반했습니다 :) – Huangism

+0

이 모든 내부 테이블 , 그리고 당신이 슬라이스 (1,15), 당신은 결국 15 행을 선택 끝날 것입니다 찾지 않을까요? – neo

+0

@ 좋은 점, 나는 조정했다. – Esailija

관련 문제