2011-09-16 15 views
1

テーブルを取得したので、最初の要素はすべて<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

+1

[CSSバージョンとW3Cからセレクタ](http://www.w3.org/TR/css3-selectors/#selectors) –

答えて

6

セレクタ~はあなたがすべての特定の要素を選択することができます一般的な兄弟という別の後に来る。このセレクタを使用することができます:

table tr:first-child ~ tr 

IE7 +で動作します。

あなたはそれがよりセマンティック作るためにあなたのHTMLを変更することができた場合、あなたはtheadth細胞を用いて、あなたの最初の行を置き、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 

必要に応じて古いブラウザで動作します。

+0

+1、これは意味的に優れています。 –

+0

私は第2の選択肢にとどまります。私は3つのテーブルを使用しています。ヘッダー、ボディー、およびその他のフッター用です。しかし、あなたが言ったように私はただ一つ変わるよ。どうもありがとうございます ! –

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

を行う必要があり、それは特に第二の選択肢について

+0

ありがとうございますが、私はjqueryなしでそれをしなければなりません。 –

関連する問題