如何在 div 上使用 height()，其中包含使用宽度的图像：100%答案

【问题标题】：How to use height() on a div with an image inside that's using width: 100%如何在 div 上使用 height()，其中包含使用宽度的图像：100%
【发布时间】：2012-09-18 10:13:58
【问题描述】：

所以我有

div {
    width: 20%;
}

img {
    width: 100%;
}
<div>
<img />
</div>

因此图像会根据 div 的宽度适当缩放。我想使用 jQuery 找到图像的高度。

var imgHeight = $(img).height();
console.log(imgHeight);

但是，它返回为 0（div 的高度）。如何获取图像的渲染高度？

谢谢！

【问题讨论】：

图片下载完成后需要查看。您能否在检查高度的地方多显示一些代码，以便我们就使其异步提出建议？
你们说得对，我的文档中确实已经准备好了。我很烂！谢谢。

标签： javascript jquery css height width

【解决方案1】：

正如 loganfsmyth 所说，您需要等待图像完成加载。

您是否将代码放入 document.ready 中？

$(document).ready(function() {

  var imgHeight = $(img).height();
  console.log(imgHeight);
});

【讨论】：