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

Question

所以我有

div {
    width: 20%;
}

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

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

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

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

谢谢！

Answer 1

正如 loganfsmyth 评论的那样，您需要等待图像完成加载。

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

$(document).ready(function() {

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