Javascript 检查所有图像的宽度,如果超过一定尺寸,则设置新宽度
我有一个页面,其中有几个图像具有相同的类“.bestsell thumb”。我如何将所有这些图像做成一个数组,然后得到每个图像的宽度,如果大于80px,则将其更改为80px 我试过这个Javascript 检查所有图像的宽度,如果超过一定尺寸,则设置新宽度,javascript,jquery,dom,Javascript,Jquery,Dom,我有一个页面,其中有几个图像具有相同的类“.bestsell thumb”。我如何将所有这些图像做成一个数组,然后得到每个图像的宽度,如果大于80px,则将其更改为80px 我试过这个 var bsThumb = $(".bestsell-thumb").each(function(){ $(this).height(); }); 只是为了达到高度,但我很确定我已经走远了 谢谢你的帮助。试试看 $(".bestsell-thumb").each(function()
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?功能很好,干净简单。功能很好,干净简单。这是最简单的方法。我不知道有“最高高度”属性。谢谢非常欢迎。别忘了鼓励别人在将来帮助你。这是最简单的方法。我不知道有“最高高度”属性。谢谢非常欢迎。别忘了鼓励别人在将来帮助你。