첫 번째 요소 인 자식 노드를 선택하는 방법

Question

그래서 테이블을 얻었으므로 첫 번째 요소 인 모든 <tr>에 스타일을 설정하고 싶습니다. 예 : 나는 선택기를 사용해야하지만 난 방법을 알고하지 않고 웹에서 찾을 수 없습니다 알고

<table> 
    <tr><th>This receives header styles</th></tr> 
    <tr><td>This receives item styles</td></tr> 
    <tr><td>This receives item styles</td></tr> 
    <tr><td>This receives item styles</td></tr> 
</table> 

= S

Answer 1

선택 ~ 당신이 모든 특정 요소를 선택할 수 있습니다 일반적인 형제가 다가오다. 이 선택기를 사용할 수 있습니다.

table tr:first-child ~ tr 

IE7 +에서 작동합니다.

당신이 당신의 HTML이 더 의미, 당신이 thead에 th 세포와 첫 번째 행을 배치 할 수 있도록 수정하고, tbody에서 휴식 할 수있는 경우 :

<table> 
    <thead> 
    <tr><th>This receives header styles</th></tr> 
    </thead> 
    <tbody> 
    <tr><td>This receives item styles</td></tr> 
    <tr><td>This receives item styles</td></tr> 
    <tr><td>This receives item styles</td></tr> 
    </tbody> 
</table> 

그런 다음이 셀렉터를 대신 사용

table tbody tr 

필요한 경우 이전 브라우저에서 작동합니다.

Answer 2

$('#table-id tr').not(':first-child').addClass('class'); 

어떻게해야 그것이 특히 두 번째 옵션에 대한