jQueryのプラグイン(高さ揃え)を書いてみるテスト


Javascriptを使うときにprototype.jsを嗜んでいるのですが
今回仕事でjQueryを使う機会がありまして使ってみました。

セレクタの感触がすごくいいです。
プラグイン形式で機能を増やしていけるそうだったので
prototype.jsで書いたエレメントの高さを揃えるっっていう
スクリプトで練習がてらに書いてみた。

(function($) {
 	$.fn.roll = function() {
		elements = this;
		loop = elements.length;
		max=0;
		for (var i=0; i < loop; i++){
			el = elements[i];
			var h = el.offsetHeight;
			max = Math.max(h, max)
		}
		for (var i = 0; i < loop;  i++ ){
			el = elements[i];
			$(el).css('height',max+'px');
		}
	};
})(jQuery);
こんな感じかな?ちょっと冗長な感じもあるけど、、

こんな感じで使うといいと思うよ。
$(".item").roll();

関連記事:

  1. Javascript(jQuery) で オブジェクトとかタグの存在を確認する

Comments are closed.