2011-05-08 7 views
23

는 얼마나이CSS 속성이 특정 값인지 확인하십시오.

if($("#test").css('display', 'block') == true) { 
    return true; 
} 

기본적으로,이 요소가 현재 표시 또는를 통해 숨겨진되고 있는지 확인 할 수 있도록하려면 같은 jQuery를 문을 결정하기 위해 궁금 "디스플레이 : 블록"속성?

답변

46

사용

if($("#test").css('display') == 'block') { 

내가 계산 된 값을 반환 .css() 상당히 확신 항상 소문자 결과를 반환합니다 - 워드 프로세서는 이것에 아무 말도하지 않습니다. 당신이 display이 신뢰할 수있는 결과를 제공하는 믿을 수있는 동안 완전히 확인하려면, 당신은

if($("#test").css('display').toLowerCase() == 'block') { 

을 할 수있는 일부 CSS 속성 항상 그들이을 정의 된 방법을 표시하지 않습니다. .css()를 사용하여 조회 할 때 예를 들어

a { color: red } 

rgb(255,0,0);을 켜집니다. -이하지 않는 이유를 궁금

function displayHidden(elem) { 
    return $(elem).css('display') === 'hidden'; 
} 
+0

안녕 페카 숨겨져 : – Tom

+0

@Tom 당신은'test1'이 갖고 있지 않은'display : none'을 가지고 있는지 확인하고 있습니다. 'display! = 'block''을 의미합니까? –

+0

@Pekka - 답변 주셔서 감사합니다 :) 아니, # 테스트가 차단인지 확인하고 싶습니다. 차단 된 경우 test1을 표시 하시겠습니까? – Tom

0

나는 이것을 테스트 할 수있는 유일한 방법은 실제 값과 비교하여 생각 작동합니까? http://jsfiddle.net/eEF9Y/
6

당신은에서 IsVisible 사용할 수 있으며,

if ($('#test').is(':visible')){ 
+3

가시성이 확인하고 싶은 경우 +1이 실제로 작동합니다. +1 –

관련 문제