我如何影響我的陣列只有一些項目jquery

Question

我的WordPress的帖子顯示圖像，所有圖像都有.aligncenter類。 我希望小於400px的圖像具有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樣式應用於該圖像。如果不是，它會忽略它。