使用 jQueryeach 获取图像高度

我的页面上有一堆图像。我正在尝试使用 jQuery 来获取每个图像的高度并将其显示在图像之后。这是我的代码：

$(document).ready(function() {
  $(".thumb").each(function() {
    imageWidth = $(".thumb img").attr("width");
    $(this).after(imageWidth);
  });
});

<div class="thumb"><img src="" border="0" class="thumb_img"></div>
<div class="thumb"><img src="" border="0" class="thumb_img"></div>
<div class="thumb"><img src="" border="0" class="thumb_img"></div>

[...]

您将无法使用 document.ready() 来执行此操作，因为在调用时图像尚未加载。

实际上，您需要将此代码放入 onload() 事件处理程序中，该处理程序在文档和所有图像加载完成后调用。

只有当图像加载完成时，浏览器才知道它们有多大。