检查所有图像的宽度，并设置新的宽度，如果超过一定的尺寸

Question

我有一个页面有几个图像具有相同的类“.bestsell拇指”。我如何将所有这些图像制作成一个数组，然后获取每个图像的宽度，如果它大于80px，请将其更改为80px？

我想这

var bsThumb = $(".bestsell-thumb").each(function(){ 
      $(this).height(); 
}); 

刚刚拿到的高度，但我敢肯定，我的路要走。

感谢您的任何帮助。

Answer 1

尝试

$(".bestsell-thumb").each(function(){ 
    if ($(this).width() > 80) { 
     $(this).css("width", "80px"); 
    } 
}); 

Answer 2

你可以试试：

$(".bestsell-thumb").each(function(){ 
    if($(this).width() > 80){ 
     $(this).width("80px"); 
    } 
}); 

Answer 3

$(".bestsell-thumb").width(function(i, w) { 
    return w > 80 ? 80 : w; 
}); 

他们这样做当然必须加载之前就可以得到任何东西！

Answer 4

使用CSS而不是JavaScript的：

.bestsell-thumb { 
    max-width: 80px; 
    height: auto; /* maintains proportions */ 
} 

您可以在同一个样式块设置max-height，太 - 刚刚成立width: auto为好。