jquery - jQueryが複数の列セットの代替色を設定

Question

jQuery を使用して、テーブル行の代替色を設定できます。

$("tr:odd").css("background-color", "white");
$("tr:even").css("background-color", "yellow");

このパターンを列の最初のセットに使用し、別の色の組み合わせを 2 番目の列のセットまたは複数の列のセットに使用することは可能ですか?

Answer 1

わかりました、ヒントをありがとう。以下が機能します。

HTML (jQuery によって非同期的に追加):

<table id='dataTable'>
    <tr>
        <td class='td1'>a</td><td class='td2'>b</td><td class='td3'>c</td>
    <tr>
    <tr>
        <td class='td1'>1</td><td class='td2'>2</td><td class='td3'>3</td>
    <tr>
</table>

jQuery (行が追加されるたびにこのブロックを呼び出します):

$('tr:even td.td1').css("background-color", "#00CCCC");
$('tr:odd td.td1').css("background-color", "#00FFFF");
$('tr:even td.td2').css("background-color", "#00CC33");
$('tr:odd td.td2').css("background-color", "#00FF33");
$('tr:even td.td3').css("background-color", "#99CC33");
$('tr:odd td.td3').css("background-color", "#99FF33");

欠点は、各「TD」に CSS クラスを割り当てる必要があり、新しい行が追加されるたびに CSS 割り当てが呼び出されることです。