我需要得到一个元素的高度，在一个div是隐藏的。现在我显示div，获得高度，并隐藏父div。这看起来有点傻。有没有更好的办法?
我使用jQuery 1.4.2:
$select.show();
optionHeight = $firstOption.height(); //we can only get height if its visible
$select.hide();
当前回答
您还可以使用负边距将隐藏的div定位到屏幕之外，而不是使用display:none，很像文本缩进图像替换技术。
eg.
position:absolute;
left: -2000px;
top: 0;
这样，height()仍然可用。
其他回答
以尼克的回答为基础:
$("#myDiv").css({'position':'absolute','visibility':'hidden', 'display':'block'});
optionHeight = $("#myDiv").height();
$("#myDiv").css({'position':'static','visibility':'visible', 'display':'none'});
我发现这样做更好:
$("#myDiv").css({'position':'absolute','visibility':'hidden', 'display':'block'});
optionHeight = $("#myDiv").height();
$("#myDiv").removeAttr('style');
设置CSS属性将内联插入它们，这将覆盖你在CSS文件中的任何其他属性。通过删除HTML元素上的style属性，一切恢复正常，仍然是隐藏的，因为它最初是隐藏的。
你混淆了两种CSS样式，显示样式和可见样式。
如果元素通过设置可见性css样式隐藏，那么无论元素是否可见，您都应该能够获得高度，因为元素仍然占据页面上的空间。
如果通过将display css样式更改为“none”来隐藏元素，那么元素在页面上不占空间，您将不得不给它一个显示样式，这将导致元素在一些空间中呈现，在这一点上，您可以获得高度。
如果你之前已经在页面上显示了元素，你可以直接从DOM元素中获取高度(在jQuery中可以通过.get(0)获得)，因为即使在元素隐藏时它也会被设置:
$('.hidden-element').get(0).height;
宽度也一样:
$('.hidden-element').get(0).width;
(感谢Skeets O'Reilly的更正)
一种解决方法是在你想要获取高度的元素外面创建一个父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 : "");
