勉強したことのメモ

webプログラマが勉強したことのメモ。

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

      2014/07/02

やりたかった事は、

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を付与するという内容

 - JavaScript, jQuery

  関連記事

javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムに プレビューする機能を作った時に ...

JavaScriptで三項演算子の中に三項演算子

既存のソースを作り変えている際によく分からないソースがあった。 だいぶ書き換えて ...

POP広告をjQueryで再現する方法

サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...

submit関連のjQuery

<?php //jQueryでのsubmit,エンターキーでのsubmit ...

クリップボードの操作

<? /* クリックでクリップボードにコピーする。 http://zxcv ...

submit関連のjQuery2

<?php error_reporting(E_ALL & ~E_ ...

GoogleMapで都道府県の中心地と県庁所在地

GoogleMapで都道府県の中心地もしくは県庁所在地にマーカーを立てたかった。 ...

JavaScriptでUNIXタイムスタンプ取得

UNIXタイムスタンプを用いた際、 年月日からすぐUNIXタイムスタンプを出した ...

JavaScriptの三項演算子

いつもと違う書き方? 使い方の三項演算子が あったのでメモ。 ■ソース var ...

jQueryでチェックボックスの全チェック&チェック解除

フォームのチェックボックスで「全てにチェックを入れる」「全てのチェックを外す」と ...