如何获得具有display:none的父元素的元素的高度？

Question

如何获得具有父元素的元素的高度display: none？

这里有一个例子:jsfiddle.net

谢谢

卢卡斯

Answer 1

暂时show()使用元素来检索孩子的身高似乎正常.

HTML:

<div id="target" style="display:none;">
    <!-- Add a background color to see if it's noticeable -->
    <div style="height:123px; background:#000;"></div>
</div>

JS:

// Show the hidden parent of the element we want the height of
$("#target").show(0, function(){
    // Find and grab the height of the element we want
    the_height = $(this).find("div").height();
// Hide parent and display child's height after it
}).hide().after(the_height);

演示:jsfiddle.net/Gts6A/72