- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用最新的 jquery 版本。(1.9.1)
我有一个空的 span
元素:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body> <span class="c"></span>
</body>
<script type='text/javascript'>
alert($(".c:visible").length);
</script>
</html>
0
1
0
为什么它不在 chrome 上提示 1
?该元素未隐藏。
我可以通过使用过滤器来解决这个问题并吐出所有 !display:none
但想知道我是否做错了什么
最佳答案
@inser 是正确的,span 是一个内联元素,只有在它有内容时才会获得布局,从而获得其内容的宽度和高度——在这种情况下,宽度和高度为 0,因此如果你添加这个,则对CSS规则
.c {
display: block;
}
您会看到警报现在显示为 1,因为您现在已将其强制为 block 元素,从而继承其父元素的宽度并获得布局。
希望对你有帮助
干杯
关于javascript - 空标记元素和 :visible?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15493447/
我有两个超链接。我在单击其他超链接时隐藏了一个超链接,反之亦然。它在我的本地机器上对我来说工作得非常好。但当我从在线服务器上传并运行相同的功能时,问题就出现了。 在服务器上,与本地计算机实例相比,相关
我正在尝试编写一个简单的 Javascript 程序,它将从数组中获取元素并以内联方式显示它们。问题是我使用的 Javascript 无法识别与 标签关联的 CSS,用于显示内联元素,从而显示 CSS
我实际上是在尝试发表评论并在评论输入时编辑选项,它将通过 ajax 显示在“div”中。 "; while($m=oci_fetch_assoc($s)) { echo "Name :
目标:将数据属性添加到 leaflet.js 标记元素标记 我有一个带有 map 和“聚光灯”区域的项目。 map 使用 leaflet.js 填充位置 当我点击 map 上的某个图钉时,我想让它对应
我在 HTML 中嵌入了一个带有标记定义的 SVG。标记定义只是一个带有 onmouseover 事件的圆圈。然后我在这样的路径上使用标记...
我有一个 xml 提要,我正试图从中提取两个值。我将在下面粘贴基本的 xml 提要。 Mostly Cloudy 为了解析这个提要,我在 Javascript 中有以下内容: $(doc
我很抱歉为了这么简单的操作来找你们帮忙,但我真的用尽了我所有的工具来试图解决这个问题。我试过通过部分 xpath、完整 xpath 和各种 css 选择器进行定位。 我想知道如何找到这个似乎与 jqu
我是一名优秀的程序员,十分优秀!