2013-05-30 30 views
3

我需要隱藏身後我的代碼一個div:檢查DIV可見使用JavaScript

bool hideDiv = false 
//codes to change hideDiv 
myDiv.visible = hideDiv; 

,我想使用JavaScript來檢查我的DIV的可視性:

if (jQuery("myDiv") != null){ 
    //some codes 
} 
else{ 
    //some codes 
} 

和「 jQuery(「myDiv」)'始終不爲空(即使div實際上不可見),檢查div是否可見的更好方法是什麼?

回答

12

您可以使用:visible selectoris filtering function

if ($('#myDiv').is(':visible')) 

注:

  • 你可能在你的選擇(jQuery("myDiv"))的ID之前忘了#。如果存在或不搜索元素,
  • jQuery將永遠不會返回null不管不像document.getElementById
+0

感謝這一點,我會嘗試你的建議:) – Eytch

+0

嗯,遺憾的是,還是一樣,我如果($('#myDiv')。(':visible'))嘗試了你的代碼,並且我已經用額外的「#」嘗試了我的代碼if(jQuery(「#myDiv」)!= null)。仍然好像它總是可見的 – Eytch

+1

@Eytch,這段代碼是完全有效的,可以工作,好像你在其他地方有問題,或者你的div沒有隱藏,檢查它:'$('#myDiv')。is (':hidden')' – gdoron