jquery - 使用Jquery获取图像大小

Question

我有一个图像列表

<img src="001.jpg"> 
<img src="002.jpg">
<img src="003.jpg">
<img src="004.jpg">
<img src="005.jpg">

每张图片宽 200 像素，但高度不同。有没有办法用 Jquery 查找每个图像，然后在加载后设置它们的高度？

我计划在一个页面上显示数十个图像，并且不想为每个图像标记添加宽度和高度属性。

我正在使用 Masonry 插件，它需要图像的宽度和高度属性。

Answer 1

我相信这会做你想要的:

$('img').each(function() {
    $(this).attr('height',$(this).height());
    $(this).attr('width',$(this).width());
});

您可能还想为每个 img 添加一个 class="masonry" 属性，然后使您的选择器 $('img.masonry')。