检查所有图像的宽度，如果超过一定大小，则设置新的宽度

Question

我有一个页面，其中有几个图像具有相同的类“.bestsell-thumb”。如何将所有这些图像组合成一个数组，然后获得每个图像的宽度，如果它大于80px，则将其更改为80px？

我试过这个

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

只是为了达到高度，但我很确定我离开了。

感谢您的帮助。

Answer 1

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

他们当然必须先加载才能获得任何东西！

Answer 2

尝试

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

Answer 3

您可以尝试：

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

Answer 4

使用CSS代替JavaScript：

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

您也可以在同一个样式块中设置max-height - 只需设置width: auto。