javascript - 使用 jQuery 检查 DOM 元素的继承可见性

标签 javascript jquery html

如果我有以下 HTML:

<div style="display:none;">
    <span id="hello">Hey</span>
</div>

我做 alert($("#hello").css("display"));,它会说“内联”。跨度显然不可见,但由于它没有直接具有 display:none; 属性,它仍然说它是可见的。

如何测试某个 DOM 元素是否实际上可见,即使其父元素或其父元素的父元素未显示?

最佳答案

您可以使用:

if ($('#myitem').is(':visible')){

/*Do some sort of stuff in here */

}

仍在动画中的项目(如使用 .hide.fadeOut)将“可见”直到动画完成

关于javascript - 使用 jQuery 检查 DOM 元素的继承可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11267335/

相关文章:

javascript - 自动打开显示模式

javascript - 在 Javascript 中实现 Duck Typing 时,.file() 方法不起作用

javascript - 隐藏的 'lat' 和 'lng' 字段未删除,因此我的脚本仍在从不正确的地理位置搜索 lat 和 lng 结果

javascript - 如何让我的脚本循环

javascript - Firefox 中禁用元素的标题属性

javascript - 如何在一个页面中包含多个 julius 文件

javascript - BinaryJs + 音频 API 调度数组缓冲区

javascript - iScroll 5 使用鼠标滚轮和触摸进行容器边界检测滚动

jquery - 制作饼图问题

html - CSS 伪元素大小问题