使用JavaScript检查DIV是否可见

Question

我需要在后台代码中隐藏一个 div：

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是否可见？

- Eytch

Answer 1

您可以在is筛选函数中使用:visible选择器:

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

注意：

• 您的选择器中可能忘记了 ID 前面的 #(如jQuery("#myDiv"))。
• 与document.getElementById不同，无论被搜索的元素是否存在，jQuery 都不会返回 null。

- gdoron is supporting Monica

---

哎呀，很遗憾，还是一样的问题。我已经尝试了你的代码 if ($('#myDiv').is(':visible'))，也尝试了我的代码加上 "#"，if (jQuery("#myDiv") != null)，但似乎它总是可见的。 - Eytch

@Eytch，这段代码完全有效并且可以正常工作，看起来你在其他地方遇到了问题或者你的div没有被隐藏，请使用以下代码进行检查：$('#myDiv').is(':hidden')。 - gdoron

我最终使用了 document.getElementById("MainContent_myDiv") :) - Eytch

@Eytch，亲爱的上帝，所以你的ID不是myDiv！使用这个：$('#MainContent_myDiv').is(':visible') - gdoron