jquery - ネストされたテーブルがある場合に代替行を強調表示する最良の方法は何ですか?

Question

テーブルがあり、次の行を使用して代替行を強調表示します。

$("table.altRow tr:odd").css("background-color", "#DEDFDE");

列の1つに別のネストされたテーブルがあるため、代替行の周りの親テーブルに問題が発生しています。

したがって、外側のテーブルに 3 つの行があるとします。

行 1
行 2
行 3

ネストされたテーブルがない場合、次のようになります。

行 1: 暗い
行 2: 明るい
行 3: 暗い

しかし、Row 1 に 2 行の入れ子になったテーブルがある場合は、次のようになります。

行 1: 暗い (ネストされたテーブルの行 1: 暗い、ネストされたテーブルの行 2: 明るい)
行 2: 暗い
行 3: 明るい

ネストされたテーブルが親テーブルの代替行に影響を与えないようにする方法はありますか?

Answer 1

子セレクターを使用>します (必ず追加してくださいtbody):

$("table.altRow > tbody > tr:odd").css("background-color", "#DEDFDE");

フィドル

Answer 2

たまたまtablesorterjQuery のウィジェットを使用する場合は、 zebraをデフォルトのウィジェット オプションとして設定することができ、これについて二度と心配する必要はありません。