jQueryを使用してさまざまな表のセルを選択して統一した書式設定

Question

複数の表を含むページがあり、各行の2番目のセルに特定の背景色が付くように各表を書式設定します。 この質問の最初のバージョンへの答えで提案されているように私は、次のjQueryコードを試してみました：

$('table tr:odd td:nth-child(2)').css("background-color", "#F6F3EE"); 

これは、限りすべてのテーブルは、行の偶数を持っていると正常に動作します。そうでない場合、jQueryがsを1つの単一テーブルの一部であるとみなし、各テーブルのカウンタを再初期化しないように、書式は逆になります。ここで

は、問題を説明するためのjsフィドルへのリンクです：

http://jsfiddle.net/davidThomas/eAHUF/

Answer 1

あなたはの子孫であるだけ最初td要素を選択していますtr.reg:even行。

$('table tr:odd td:nth-child(2)').css('background-color','#ffa');​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

JS Fiddle demo：

は:nth-child()代替を使用してみてください。

注：：CSS :nth-child()は、ゼロベースではなく（JavaScriptのように）1ベースであることを覚えておく必要があります。

---

の下、OPさんのコメントへの応答でを編集：

...しかし、それは問題を私に提示します。あなたのjsfiddleデモを編集して、最初のテーブルに行を追加して、不均一な行数を与えました。今度は、2番目のテーブルの行が逆に強調表示されます。これは私が探していたものではありません。これに対して修正がありますか？

ええ、私は明らかに（何とか）逃しました。私は順番に各tableを見て上記のコードを修正した後、:odd行とnth-child()を探してきました：

$('table').find('tr:odd td:nth-child(2)').css('background-color','#ffa');​ 

JS Fiddle demo。

参考文献：

• find()。
• :nth-child()。
• :odd selector。

Answer 2

はこれを試してみてください：

$('table tr.reg:even td:eq(1)').each(function(index) { 
    $(this).css("background-color", "#F4F4F8"); 
}); 

Answer 3

最も簡単な解決策はただです：http://jsfiddle.net/rowanmanning/pBCkj/