複数の表の奇数行への色付け

Question

ページに複数の表があり、奇数行の色付けを試してみると、jQueryは、（すべての表から）TRのグループ全体を一緒にマージするようです行は奇数です。 http://jsfiddle.net/ryjennings/KNmuQ/5/

はこれをやってからのjQueryを停止し、個別に各テーブルを治療する方法はあります：

は、例を参照してください？

Answer 1

あなたは代わりにこれを行うことができます：

$(document).ready(function() { 
    $("table").find("TR:even").addClass("odd"); 
}); 

基本的には、元のセレクタは、それらのすべてをしたページ、上のtable要素内に含まれるtr要素のすべてのグループをつかんし、その後、すべてのを取りますその巨大なセットの他の1つ。新しい一連のセレクタは、まずすべてのテーブルのグループを作成し、次に各テーブル内の行のサブグループを作成し、各サブグループ内の行を1つおきに取ります。

Answer 2

これは、あなたがそれを行うことができ一つの方法です：あなたはCSSで行うことができます何のためにJavascriptを使用してすべきではない

$("table").each(function(){ 
    $("tr:even", this).addClass("odd"); 
}); 

Answer 3

$(document).ready(function() { 
    $("table").each(function(){ 
     $(this).find('TR:even').addClass("odd"); 
    }); 
}); 

Answer 4

。 CSSは数十倍高速です。何が必要:nth-child psudo-classです：あなたが使用しているコードとは対照的に、

tr:nth-child(odd) { background:#f5f6f8; } 

See Fiddle.

Answer 5

この1つは、親テーブルに対して行を処理します... FYIだけ

$(document).ready(function() { 
    $("tr:nth-child(even)").each(function() { 
     $(this).addClass('odd'); 
    }); 
});