jQuery height()；で高さ取得できない

質問

jQuery初心者です。
宜しくお願いします。

要素の高さを取得するべく
$(セレクタ).height();
としております。

取得したい要素ですが
cssでのheightは特に固定値ではなくauto設定です。
(コンテンツの量によって可変させるため)

これで、$(セレクタ).height(); を使い要素の高さを取得しましたが、
alertで表示させると0となってしまいます。

最終目標は要素の高さ(複数あり横並びで配置)を取得して、
配列におさめ、最高値をわりだして、
横並びの要素の高さを揃えたいと思っています。

その前に…
各要素の高さが取得できないんです。

何が問題なのかをお分かりになる方、
どうぞご教授下さい

宜しくお願いいたします。

回答No.3

siro karasu（@whiteRaven） · ベストアンサー

----jQuery-----

$(function (){
var num = $('div').size();
for(i=0;i<num;i++){
var sum = $('div').eq(i).height();
if( sum > $('div').eq(i-1).height()){
var maxim = sum;
}
}
$('#btn').click(function(){
$('div').css({
height: maxim+'px'
});
});
});
---------------
-----html------
<div>test <br />test <br />test <br /></div>
<div>test <br /></div>
・
・
略
・
・
<div>test <br />test <br />test <br />test <br />test <br /></div>
<div>test <br />test <br /></div>
<p id="btn">ボタン</p>
---------------

$(セレクタ).height で、高さの値を取得出来ないのは解せないですね。
複数あるdivの高さを合わせるなら、上記などでも出来そうです。

上のではdivすべての高さが調整されます。
とりあえずサンプルとしてクリック反応の方が違いが見やすいのでクリック反応にしてます。

classなどでセレクタを指定してやれば、指定した要素のみを変化させれそうです。

お礼

詳しいスクリプトまで、ありがとうございます。

当初、考えていたのは
各要素の高さを取得して、それぞれを配列におさめて
その最大値を探して、それを各要素の高さに代入する…っていう
やり方を考えていました。
なので、そもそも高さを取得しないと始まらなかったのですが、
こんな方法があるんですね。

ループしながら1つ1つを比べていくんですね。
教えていただいたスクリプトで、実現できました！
正直に言うと、最初、やっぱりできなくて、
でも、他の関係あるcss等もいじったりして、実現できました！

すごいです。
感謝、感激です。
今後もこのやり方でのりきれます。

ありがとうございました。

回答No.4

siro karasu（@whiteRaven）

連投すいません。
jQueryのバージョンの記載忘れておりました。
jQuery1.7.2です。　（今日現在で、最新バージョンかと思います）

お礼

jQueryのバージョンってあなどれないんですね。
かさね、がさね、ありがとうございました！

回答No.2

kamepanman

これではダメでしょうか？
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-grrrid-js.html

お礼

ありがとうございます。

プラグインを使うのが手っとり早く、
プラグインを使うと、希望通りに実行できるのですが、
出来るだけ軽くしたい、っていうのと、その他もろもろの理由があり、
プラグインを使わず自分で書きたいと考えております。

ですが、自分で書こうとしている前に、
そもそも高さを取得できず…困っておりました。

でも教えていただいたプラグインは使えますね。
何かの際に、参考にさせていただきます。
ありがとうございました。

回答No.1

神崎 渉瑠（@taloo）

古いバージョンでは取得できていましたか？

1.7くらいで取得方法（jQueryの内部仕様）が大幅に変わったらしいですが、
その時に取得できなくなったのなら、
古いバージョンを使うか、自分でそういうプラグインなどを作るか、自分でheightを取得するライブラリを作るかしないとダメだと思います。

ライブラリのバージョンアップって、ブラウザ（特にIE6、8、9、10辺りの）のバージョンアップ並みにリスクが高いですから。

お礼

talooさん

ありがとうございます。
古いバージョンでやったりもしましたが、取得できませんでした。

バージョンアップであなどれないですね。
勉強になります。

自分でプラグインまで出来ないにしても
他の解決策をがんばってみます。

ありがとうございました。