jQueryのdivの高さは、別途

Question

私はこのコードを持っている計算します。しかし、私はそれぞれのボックスを別々に計算したいと思う。これどうやってするの？あなたの現在のコードで

マイHTML

<div class="height"> 
    <div class="overlay height"></div> 
    Content 
</div> 

<div class="height"> 
    <div class="overlay height"></div> 
    Content 
</div> 

Answer 1

私は自分自身をそれを把握しており、これが解決策です：

$('div.height').each(function() { 
    hParent = $(this).height(); 
    hChild = $(this).find('div.overlay').height(); 
    maxHeight = Math.max(hParent, hChild);  
    $(this).height(maxHeight); 
    $(this).find('div.overlay').css("height",(maxHeight-72)+"px"); 
}); 

Answer 2

$('div.height').each(function() { 
    maxHeight = Math.max(maxHeight, $(this).height());  
    $(this).height(maxHeight); 
}) 

Answer 3

あなたはのmaxHeightの現在の値の代わりのmaxHeightの最終値にすべてを設定しています。私はあなたが正しく行うつもりことを理解していれば、そのようなとしてそれを分離してみてください：

var maxHeight = 0; 

$('div.height').each(function() { maxHeight = Math.max(maxHeight, $(this).height()); }); 

$('div.height').height(maxHeight); 

これは、すべてのdivに最終のmaxHeightが適用されます。