如何在具有使用宽度的图像内部的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);
});