找到一個div的高度，並更改當前的div高度以匹配

Question

我試圖讓一個div與父級相同（如果父級較大）或使父級與當前div的高度相同（如果當前的div較大）

這裏是我到目前爲止

$(this).parents().find('.address').slideToggle(function() { 
    $(this).parent().height($(this).parent().find('.address').height()) 
}) 

這讓家長當前div的高度了（但在我目前的情況下，父親是比目前的div較大

有什麼建議嗎？

感謝

傑米

Answer 1

檢查解決方案here

示例HTML：

<div id="parent" style="height:500px;border:1px solid #000000"> 
    <div id="child" style="height:300px;border:1px solid #000000">child</div> 
</div> 

的Javascript：

jQuery(document).ready(function() { 
       var $parentDiv = $('#parent'); 
       var $childDiv = $('#child');  
       if($childDiv.height() > $parentDiv.height()) 
        $childDiv.css('height', $parentDiv.height());    
       else 
        $parentDiv.css('height', $childDiv.height()); 

     }); 

Answer 2

你的腳本是不是真的可讀（並沒有真正執行） ，但你可以只讀取兩個元素的高度，然後設置高度爲較短的一個

var child = $(...), 
    parent = child.closest(...), 

    h = Math.max(child.height(), parent.height()), 
    e = (child.height() > parent.height())? parent : child; 
    e.css('height', h + 'px');