자바 스크립트 변경 스타일 (스타일이 무언가 같음)

Question

이미지에 이미 몇 가지 속성을 추가하려고하지만 이미 다른 속성이있는 경우에만 변경하려고합니다. 나는 다음과 같이 이것을하는 방법을 어느 정도 알아 낸다 :

if ($('#content p img').css('float') == 'right') 
    $('#content p img').css('margin-left', '20px').css('margin-bottom', '20px'); 

그러나 분명히 모든 이미지가 왼쪽과 아래 여백을 갖도록 변경된다. 어떻게해야합니까? float: right; 속성이있는 이미지에만 여백을 추가 할 수 있습니까?

Answer 1

사용 filter :

$('#content p img').filter(function() { 
    return this.style.float === "right"; 
}).css('margin-left', '20px').css('margin-bottom', '20px'); 

그리고 당신은 단 한 번 당신이 좋아하는 경우 css를 호출 할 수는 변경 세트를 전달 만들 수 :

$('#content p img').filter(function() { 
    return this.style.float === "right"; 
}).css({ 
    'margin-left': '20px', 
    'margin-bottom': '20px' 
}); 

Answer 2

시도 :

$('#content p img').each(function(){ 
    if($(this).css('float') == 'right') 
     $(this).css('margin-left', '20px').css('margin-bottom', '20px'); 
})