ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで行を異なる色に設定する方法

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

coldplay.xixi
coldplay.xixiオリジナル
2020-11-18 10:58:432780ブラウズ

行に異なる色を設定する 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。