我的 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 像素的图像?
最佳答案
$(".algincenter").each(function(){ if($(this).width()<400){$(this).css(...) } })
上面的代码,获取每个图像并一张一张地检查它,将其视为一个循环,它将遍历容器中的所有图像。如果循环找到更大的图像 <
超过 400px 它将应用 css 样式到该图像。如果没有,它将忽略它。
关于jquery - 我如何只影响数组 Jquery 中的某些元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38994245/