jQueryで偶数or奇数行にclassを付与

2013/05/16

やりたかった事は、

・PHPは使えなくてjavascriptかjQueryを使用
・テーブルの0行目を除く偶数行のtrタグにclassを付与したい

というもの。0行目はthタグになってる。

■ソース
var reverse_num = $("#table_id").find("tr").size();
for (var i = 0; i < reverse_num; i++) { //偶数行にclass=reverseを付与
if (i != 0 && (i % 2 == 0)) {
$("#table_id").find("tr").eq(i).addClass('reverse');
}
}

■その他
size()
http://semooh.jp/jquery/api/core/size/_/
オブジェクトのエレメント数を返す。

table_id内のtrタグの数を数えて、その回数分ループを回し、
0行目を除く偶数行にclass=reverseを付与するという内容

- jQuery, JavaScript

: JavaScriptで小数の計算(decimal.js)

JavaScriptで小数の計算をすると値がずれることがあった。調べてみるとJa ...

: Android2.3でJavaScriptのエラー

Android2.3で関数が動かないといったエラーが発生していた。担当外だった ...

: JavaScriptで数値のカンマ区切り化とカンマ区切りの解除

JavaScriptで数値を3桁ごとにカンマ区切り化したい。また、それとは逆にカ ...

: 時間差をつけて処理する

setTimeout( 処理, タイムアウト時間 ); で、時間差をつけて処理が ...

: jQueryで画像を遅延ロードする(jquery.lazyload.js)

画像を遅延ロードさせたい時にはlazyloadが便利。 ■ダウンロード http ...

: adblock(広告削除)設定している場合はページを表示させない

iPhoneのSleipnirでネットをしていると「広告がブロックされたのでペー ...

: formで複数選択可能なセレクトメニュー(プルダウン)を実装する方法(select2)

フォームで複数選択可能なセレクトボックス(プルダウン)を実装したい。ただHTML ...

: FullCalendarでtitle以外も表示させたい

FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...

: エリア→都道府県→路線→駅名を連携する絞り込みセレクトメニューの設置方法

エリア→都道府県→路線→駅名のドリルダウン検索をプルダウン形式で設置したい。以前 ...

: JavaScriptでフォームの禁止ワード制限

掲示板等で本文を送信する際に、予め定めていた禁止ワードが含まれていないかチェック ...

PREV: jQueryで高速化
NEXT: javascriptの文末

jQueryで偶数or奇数行にclassを付与

関連記事