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

Question

我有一个页面，其中包含多个具有相同类的图像 ".bestsell-thumb" 。如何将所有这些图像制作成一个数组，然后获取每个宽度，如果大于 80 像素，将其更改为 80 像素？

我试过这个

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。