勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

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

   2014/07/02  jQuery JavaScript

やりたかった事は、

PHPは使えなくてjavascriptjQueryを使用
・テーブルの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

  関連記事

jQueryで指定の行動をとった際に、クリックイベントを発火させる方法

あるシステムでAという要素をクリックした際に何らかの処理を行うという部分があり、 ...

jQueryで新しく追加した要素に対してイベントがきかない場合の対応

jQueryで新たに追加した要素に対して、 clickイベントを使いたかったけど ...

ブラウザのSafariのみスクロール関連のイベントが発火しない場合の対応方法

jQueryで一定距離スクロールさせた場合に発火するイベントをプログラムしていた ...

ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法

ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...

日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...