jQueryでブロック要素の高さを揃えてみる - 徒書

ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば

[misomakura]

高さ揃え

[junichi_y]

jQueryでブロック要素の高さを揃えてみる

[pefusan]

　ブロック要素の高さを揃える

[secondary9999]

要素の高さを揃える

[hisaka0228]

高さ揃えられる。試しに導入。

[ku_marin]

同一のクラス名を行単位で揃えることも出来る

[taky1973]

heightLine.js と同じ機能をより洗練

[sevenstars000]

高さ揃えるやつ

[carios]

ある要素の子のdiv要素を3個ずつ高さを揃える

[urb_kana]

jQuery　Javascript CSS height flatheight.js

[kakuhen1rfeverheiten]

高さ

[kiyokichi]

　特定位置に（例えば左カラムと右カラムとか）使用するならn.p.なんだけど、jqueryをその中に使ってたりすると（プルダウンとかonmouseとか）効いてくれないっぽい。多用するならやっぱheightLine.jsかなー。

[hosopy]

ブロック要素の高さを揃える

[soratomo]

jQueryでブロック要素の高さを揃えてみる - 徒書

[t32k]

- Tags: #javascript #CSS

[caraldo_k]

要素の高さ揃え、使わせていただきました

[nshash]

呼び出し方が直感的で使いやすいですね。早速、使わせていただきます

[leva]

呼び出し方が直感的で使いやすいですね。早速、使わせていただきます

[quicktemplate]

ブロック要素の高さをそろえる

[littlefield]

heightLine.js

[webmarksjp]

webAjax

[iza0]

便利！

[vgt]

高さそろえるｊQuery版

[chaws2004]

これは使える。

[bigwest]

ブロック要素の高さ揃え

[picnicgraphic]

「「ブロックレベル要素の高さを揃えるheightLine.js[to-R]」 をjQueryを使って汎用性高く書き換えてみたもの」

[f503kk]

jquery

[nekomeg]

class名が何でも適用できるバージョン

[asiamoth]

おお、これはいい！ 「自分なりに」が自分もできるといいなぁ。

[mooiboom]

こういうことを自分でも出来るようになりたい（いつの日か）