내 배열의 일부 항목에만 어떻게 영향을 줍니까?

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 스타일이 적용됩니다. 그렇지 않으면 무시할 것입니다.