Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检查所有图像的宽度,如果超过一定尺寸,则设置新宽度_Javascript_Jquery_Dom - Fatal编程技术网

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

Javascript 检查所有图像的宽度,如果超过一定尺寸,则设置新宽度,javascript,jquery,dom,Javascript,Jquery,Dom,我有一个页面,其中有几个图像具有相同的类“.bestsell thumb”。我如何将所有这些图像做成一个数组,然后得到每个图像的宽度,如果大于80px,则将其更改为80px 我试过这个 var bsThumb = $(".bestsell-thumb").each(function(){ $(this).height(); }); 只是为了达到高度,但我很确定我已经走远了 谢谢你的帮助。试试看 $(".bestsell-thumb").each(function()

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

我试过这个

var  bsThumb = $(".bestsell-thumb").each(function(){
             $(this).height();
});
只是为了达到高度,但我很确定我已经走远了

谢谢你的帮助。

试试看

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

您可以尝试:

$(".bestsell-thumb").each(function(){
    if($(this).width() > 80){
        $(this).width("80px");
    }
});
您可以尝试:

$(".bestsell-thumb").each(function(){
    if($(this).width() > 80){
        $(this).width("80px");
    }
});
当然,在你得到任何东西之前,它们必须被加载


当然,在你得到任何东西之前,它们必须被加载

使用CSS而不是JavaScript:

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

您也可以在同一样式块中设置
max height
——也可以设置
width:auto

使用CSS而不是JavaScript:

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

您也可以在同一样式块中设置
max height
——也可以设置
width:auto

您是否尝试过在其类中使用“max width”参数编辑CSS?您是否尝试过在其类中使用“max width”参数编辑CSS?功能很好,干净简单。功能很好,干净简单。这是最简单的方法。我不知道有“最高高度”属性。谢谢非常欢迎。别忘了鼓励别人在将来帮助你。这是最简单的方法。我不知道有“最高高度”属性。谢谢非常欢迎。别忘了鼓励别人在将来帮助你。