ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryで行を異なる色に設定する方法

jqueryで行を異なる色に設定する方法

coldplay.xixi
リリース: 2020-11-18 10:58:43
オリジナル
2864 人が閲覧しました

行に異なる色を設定する Jquery メソッド: 奇数行に偶数を設定する場合に使用し、偶数行に異なる色を設定するには odd を使用します。コードは [$('#t1 > tbody tr :even').css('背景 ','白');]。

jqueryで行を異なる色に設定する方法

行に異なる色を設定する Jquery メソッド:

テーブルの ID が t1# であると仮定します。

##even は奇数の行数、odd は偶数の行数です


$(document).ready(function(){
  $('#t1 > tbody tr:even').css('background','white');
  $('#t1 > tbody tr:odd').css('background','#f1f5f8');
});
ログイン後にコピー

効果は次のとおりです:

jqueryで行を異なる色に設定する方法

関連する無料学習の推奨事項:

JavaScript(ビデオ)

以上がjqueryで行を異なる色に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート