jquery - 我如何只影响数组 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 样式到该图像。如果没有，它将忽略它。