我需要得到一个元素的高度，在一个div是隐藏的。现在我显示div，获得高度，并隐藏父div。这看起来有点傻。有没有更好的办法?
我使用jQuery 1.4.2:
$select.show();
optionHeight = $firstOption.height(); //we can only get height if its visible
$select.hide();
当前回答
根据定义，元素只有在可见时才有高度。
只是好奇:为什么需要隐藏元素的高度?
一种替代方法是通过将元素放在某种覆盖层的后面(使用z-index)来有效地隐藏元素。
其他回答
如果你之前已经在页面上显示了元素，你可以直接从DOM元素中获取高度(在jQuery中可以通过.get(0)获得)，因为即使在元素隐藏时它也会被设置:
$('.hidden-element').get(0).height;
宽度也一样:
$('.hidden-element').get(0).width;
(感谢Skeets O'Reilly的更正)
你混淆了两种CSS样式，显示样式和可见样式。
如果元素通过设置可见性css样式隐藏，那么无论元素是否可见，您都应该能够获得高度，因为元素仍然占据页面上的空间。
如果通过将display css样式更改为“none”来隐藏元素，那么元素在页面上不占空间，您将不得不给它一个显示样式，这将导致元素在一些空间中呈现，在这一点上，您可以获得高度。
您还可以使用负边距将隐藏的div定位到屏幕之外，而不是使用display:none，很像文本缩进图像替换技术。
eg.
position:absolute;
left: -2000px;
top: 0;
这样，height()仍然可用。
一种解决方法是在你想要获取高度的元素外面创建一个父div，应用高度为“0”并隐藏任何溢出。接下来，获取子元素的高度并删除父元素的overflow属性。
Var height = $("#child").height(); //在这里做点什么 $(" #父母”).append(高度).removeClass(“overflow-y-hidden”); .overflow-y-hidden { 高度:0 px; overflow-y:隐藏; ｝ < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <div id="parent" class="overflow-y-hidden"> < div id = "孩子" > 这是一些我想要得到高度的内容! < / div > < / div >
你可以这样做，虽然有点俗气，如果位置已经是绝对的，就忘记它:
var previousCss = $("#myDiv").attr("style");
$("#myDiv").css({
position: 'absolute', // Optional if #myDiv is already absolute
visibility: 'hidden',
display: 'block'
});
optionHeight = $("#myDiv").height();
$("#myDiv").attr("style", previousCss ? previousCss : "");
