使用Jquery获取图像大小
我有一个图像列表
每张图片宽200像素，但高度不同。 有没有办法让Jquery找到，然后在加载后设置每个图像的高度？
我计划在一个页面上有几十个图像，并且不想为每个图像标记添加width和height属性。
我正在使用Masonry插件，它需要图像的宽度和高度属性。
我相信这会做你想要的：
$('img').each(function() { $(this).attr('height',$(this).height()); $(this).attr('width',$(this).width()); });
你可能还想为每个img添加一个class="masonry"属性，然后让你的选择器$('img.masonry') 。
你可以尝试：
$('img').each( function(){ var height = $(this).height(); var width = $(this).width(); $(this).attr({'height': height, 'width': width}); })
假设您希望将height / width属性设置为img的实际高度/宽度，而不是以某种方式缩放/修改。
参考文献：
-
height() -
width()
您可以使用jQuery .height()和.width()方法，因为它们返回计算的宽度和高度。 您应该始终在img标记中包含width和height属性，因为有些浏览器在没有它们的情况下无法正确渲染这些图像。
当然，使用height方法来获取img标签的大小。