我如何只影响我的数组Jquery中的一些项目

Question

我的Wordpress帖子显示图片，所有图片都有.aligncenter类。 我希望小于400像素的图像具有display:inline-block;样式，并将其大小减小到40％。

我试过这种方式：

var size = jQuery(".aligncenter").width();
if(jQuery( size < 400)) {
jQuery(".aligncenter").css({
 'display' : 'inline-block',
 'width' : '40%'
});
}

此脚本会影响帖子中的所有图像，而不仅仅是小于400像素的图像。如何仅影响小于400像素的图像？

Answer 1

$(".algincenter").each(function(){ if($(this).width()<400){$(this).css(...) } })

上面的代码，将每个图像逐个检查，并将其视为一个循环，它将遍历容器中的所有图像。如果循环找到的图像大于<而不是400px，则会将css样式应用于该图像。如果没有，它将忽略它。