제거 CSS 스타일은 jQuery를

Question

와 온로드 : http://jsfiddle.net/AxGHA/3/

나는 기본적으로 플로트를 제거 할

: 왼쪽; H2 및 의 스타일 시트 속성 태그 IF div 내에 jQuery가있는 이미지가 없습니다. 어떤 아이디어?

감사합니다.

Answer 1

당신은 내가 아래 예제 코드를 수행 한 :not 및 :has 사용할 수 있습니다 대신 :

http://jsfiddle.net/voigtan/AxGHA/6/

.section에 CSS 클래스를 추가하고 CSS에서 원하는 방식으로 스타일을 지정합니다.

Answer 2

if(!$('div.section img').length) { 
    $('p, h2', 'div.section').css('float', 'none'); 
} 

Answer 3

​$(document).ready(function(){ 
    if ($("div.section").find("img").length == 0){ 
     $("h2.section, p.section").css("float", "none")    
    } 
});​ 

Answer 4

당신은 밖으로이

$(".section").each(function() { 
    var hasImage = $(this).children("img").length != 0; 
    if (!hasImage) { 
     $(this).find("h2,p").css("float", "none"); 
    } 
}); 

​ 

확인을 할 수있는 업데이트 jsFiddle

Answer 5

!​$('.section img​​​​​​​​​​​​​​​​​').length && $('.section h2, .section p').css('float', 'none'); 

Answer 6

난 당신이 내가 테스트하고 있지 않습니다 (통지 식으로 뭔가를 할 수 있다고 생각 코드) :

$('h2, p').parent('div').each(function(index, $element) { 
    if (!$element.has('img')) 
     $element.css('float', 'none'); 
}); 

jsfiddle을 어디서 볼 수 없으므로 내가 설명했던 내용에 직접 근거를 두었습니다. 그것에 대해

$(".section:not(:has(>img))").addClass("no-image"); 

와 CSS :

.no-image h2, .no-image p { 
    float: none; 
    width: auto; 
} 

예 : http://jsfiddle.net/voigtan/AxGHA/5/

"> IMG"