2011-08-04 3 views
1

は、テーブルの一部だ、最初にすべてを選択する方法​​は<tr>ですか?ここで

<tbody id="list_tbody"> 
    <tr class="infoRow"> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr class="infoRow"> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr class="infoRow"> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
</tbody> 

タグが... を続け、これが私のjQueryのコードです:

$("tr.infoRow td:eq(0)").css("border-left", "1px solid #d0d0d0"); 

内のすべてであること<td>すべて最初を選択する方法<tr>?現在のコードでは、最初の<tr>の最初の<td>が選択されています。私のjQueryコードを修正してください、ありがとうございます。

答えて

6
$("tr.infoRow td:first-child").css("border-left", "1px solid #d0d0d0"); 
+0

クール、ありがとうございました! – Ryan

3

この

$("tr.infoRow td::nth-child(1)").css("border-left", "1px solid #d0d0d0"); 

注意してください:あなたは、他の列を選択したい場合は、他のいくつかの番号を渡すことができるように、n番目の子は1にインデックスされます。

+1

'nth-child'は1つのインデックスが付けられています。 – Mrchief

+0

落札いただきありがとうございます。私はそれを修正しました。 – ShankarSangoli

+0

そして、オフの投票に行く! – Mrchief

1
alert($('table tr td:nth-child(n)').size()). It should show you '3'. 

「n」を0または1に変更する必要があると思います。私は覚えていません。あなたもnth-childセレクタを使用することができ、n番目カイ

2

のためのjQueryのドキュメントを確認してください:

$("tr.infoRow td:nth-child(1)").css("border-left", "1px solid #d0d0d0"); 
関連する問題