要素のjQueryの高さ。スタイル

Question

jQueryによって設定されたDIVの高さを取得するにはどうすればよいですか？
$('.bar2').animate({'height':'58' + "%"},1500);

私は私が私のDIVの高さが58％

<div class="bar2" style="height: 58%; background-image: ......>

に設定されていることがわかりクロムの要素を検査するとき、私はこれを試してみました：

var bar2 = $(".bar2").height(),またはvar bar2 = $(".bar2").css('height'),

が、私はいつも、jQueryによって設定された高さではなく、70pxである「min-height」を取得します

Answer 1

HTML：

<div style="width: 200px; height: 200px; background-color: blue;"> 
    <div class="bar2" style="min-height: 70px; width: 100px; background-color: red;">foo</div> 
</div> 

JS：ここ

jQuery('.bar2').animate({'height':'58' + "%"}, 1500, function() { 
    alert($(".bar2").css('height')) 
}); 

ライブの例 - http://jsfiddle.net/ANbrq/1/

それが実際に変更されますときにのみ、異なる高さを得ることができます。あなたがそれをサイズ変更するよう依頼した直後にそれを得ようとするなら、あなたは最初の高さを得るでしょう。

Answer 2

は、私はあなたが使用するであろうと思う：

計算された高さや

$(".bar2").innerHeight(); 

アカウントのマージンとパディングと何-ないを取る必要がない場合

ある

$(".bar2").outerHeight(); 

。