gpt4 book ai didi

javascript - 空标记元素和 :visible?

转载 作者:行者123 更新时间:2023-11-29 15:43:26 24 4
gpt4 key购买 nike

我正在使用最新的 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>
  • Chrome(最新版本)提醒 0
  • FF(最新版本)提醒 1
  • 即 (8) 警报 0

为什么它不在 chrome 上提示 1 ?该元素未隐藏。

我可以通过使用过滤器来解决这个问题并吐出所有 !display:none 但想知道我是否做错了什么

http://jsbin.com/urihov/2/edit

最佳答案

@inser 是正确的,span 是一个内联元素,只有在它有内容时才会获得布局,从而获得其内容的宽度和高度——在这种情况下,宽度和高度为 0,因此如果你添加这个,则对CSS规则

.c {
display: block;
}

您会看到警报现在显示为 1,因为您现在已将其强制为 block 元素,从而继承其父元素的宽度并获得布局。

希望对你有帮助

干杯

关于javascript - 空标记元素和 :visible?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15493447/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com