jQueryで偶数or奇数行にclassを付与
2014/07/02
やりたかった事は、
・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を付与するという内容
関連記事
ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法
ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...
jQueryで画像(タグ内)のsrc情報を取得する場合
すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...
Ajaxで画像のアップロード(jquery.upload)
業務中に画像の選択後、アップロードボタンを押して画像のアップ、 その後フォームの ...
jquery.cookie.jsでcookieを取り扱う
機能拡張の依頼があってそのページを見たら jquery.cookie.jsが読み ...
画像をドラッグ&ドロップでアップロード
■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...