ホーム > ブログ > jquery 奇数・偶数要素だけにclassを追加

Webデザイナー ブログ

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

2009年10月16日(Ajax/jquery)

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アプリケーション
沖林 正紀

人気ブログランキングへ
応援お願いします!

コメント / トラックバック1件

  1. 匿名 より:

    Thanks for sharing it efcdddbkdgbg

コメントをどうぞ