テーブルの奇数行と偶数行に異なる色を設定するためのコア JS コード

これはより実用的な関数であり、奇数行と偶数行を異なる色に設定すると、テーブル データの読み取りエクスペリエンスが明らかに向上します (データが非常に複雑で混雑しているように見えます)。テーブルデータの行)。この部分は実際に自分でやってみないと強烈な体験が得られます。 とにかく、私がそれを体験したので、参考までにここに残しておきます。

コアのJSスクリプトコードは次のとおりです（テーブル要素のIDは状況に応じて調整されます。コード内のjquery-1.7.min.jsはjquery公式Webサイトからダウンロードできます）

次のようにコードをコピーします。

<script src="jquery-1.7.min.js"></script>

<スクリプト>

$(ドキュメント).ready(function(){

SetTableRowColor();

});

// CSS を使用して奇数行と偶数行の色を制御します

関数 SetTableRowColor()

{

$("#Table tr:odd").css("背景色", "#e6e6fa");

$("#Table tr:even").css("背景色", "#fff0fa");

}

</script>