如何动态获取div的高度

Question

我有2个div，左右，右边div中的内容是动态设置的，因此我的高度，所以我没有在html中指定它的高度，现在我想要的是左边div的高度应该相等到右边div，如何根据右边div的高度设置左边div的高度，使用jquery，我试过

$("#leftDiv").height($("RightDiv").height());

这似乎不起作用，因为我没有在html中指定右div的高度。 除了使用表格之外还有其他的出路。

Answer 1

试试这个：

$("#leftDiv").height($("#RightDiv").get(0).scrollHeight);

Answer 2

描述

看起来RightDiv的选择器不对，或者您在DOM加载时忘了等待。

示例

<强> HTML

<div id="leftDiv" style="border:1px solid red">left div</div>
<div id="RightDiv" style="height:100px; border:1px solid red">right div</div>

<强>的jQuery

$(function() {
   $("#leftDiv").height($("#RightDiv").height());
})

更多信息

• 的 jSFiddle Demonstration
• jQuery - .ready()
• jQuery - .height()

Answer 3

试

var firstHeight = $("#RightDiv").height() + 'px';
$("#leftDiv").css("height", firstHeight);

Answer 4

$(function() {
 if($("#RightDiv").height() > $("#leftDiv").height()){    
           $("#leftDiv").css("height", $("#RightDiv").height() + "px");
        } else {
           $("#rightDiv").css("height", $("#leftDiv").height() + "px");
       }
}