使用 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());
});

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