jquery 奇数・偶数要素だけにclassを追加

with 1件のコメント

html・cssで結構必要だな〜と思うことです。

tableやlistなどで交互にデザインやcssを変えるということは、
頻繁に出てきます。

jqueryで簡単にできます。

$(function(){
$(“div”).each(function(){
$(this).find(“div.worksImg:even”).addClass(“even”);
});
});

です。
自分のサイトの実績ページでも使用してますが、
実績をdivでfloat:leftしてるんですが、
左側だけのdivだけに右マージンをかけたいのですが、
そうする場合は、奇数だけにclassをかけないといけないので、
もし、間に入れたい実績などが入った場合、
全てずらさなければなりません。

そんなことにならないように、
divのdiv.worksImgの数をeachで検索し、
奇数目だけにclass=”even”を追加するというものです。

あとは、evenに設定したいクラスをつけるだけです。

これはなかなか重宝しそうです。
jqueryかなり便利です。下記、お勧めです。
デザイナーよりの人でもわかりやすく簡単に書いてあります!

jQueryで作る Ajaxアプリケーション
jQueryで作る Ajaxアプリケーション
沖林 正紀

Leave a Reply