jQuery/CSS - 如何选择文档中的所有 li 不显示？答案

【问题标题】：jQuery/CSS - How do I select all the li display none in the document?jQuery/CSS - 如何选择文档中的所有 li 不显示？
【发布时间】：2011-11-15 02:34:00
【问题描述】：

jQuery/CSS - 如何选择文档中的所有<li style="display: none;">？

【问题讨论】：

我不明白你选择了 2 分钟后给出的答案，并且我的答案中提供了相同的信息......无论如何..谢谢
我试过你的，没用。然后我尝试了他的，它做到了。然后你在你的周围加上引号，让它像他的一样。
这只是拼写错误，谢谢......不是问题......对我来说分享信息对我来说并不重要

标签： jquery css jquery-selectors

【解决方案1】：

虽然所选答案适用于您的情况，但仍不能回答问题。其他人发布的答案也是如此，所以我还是决定写这个。

$('li[style*="display: none"]')

这将返回一个 jQuery 对象，该对象代表文档中所有 <li> 元素的列表，其样式属性包含“display: none”。

这与查找文档中的所有隐藏元素不同。

【讨论】：

请注意，有些浏览器保留了样式属性的确切格式，因此您只会找到样式完全如此编写的元素，而不是例如<li style="display:none">。
@Guffa：是的，但这取决于您的需求。鉴于这个问题，该样式可能已经作为内联样式存在。你可以做一个多属性选择器来指定display:none和display: none。
我喜欢这个答案，因为“li:hidden”会为您提供可能由于“display: none”以外的其他原因而隐藏的元素。例如，可能隐藏了父元素。
* 在这里有什么作用？我第一次看到它使用它
@artworkjpm 检查字符串“display: none”是否包含在 style 属性中。

【解决方案2】：

有一个选择器可以找到隐藏的元素：

$('li:hidden')

请注意，这会找到所有不可见的li 元素，这不仅是因为它们应用了display:none 样式。例如，可以通过将元素的高度设置为零或隐藏父元素来隐藏元素。

【讨论】：

【解决方案3】：

试试这个

$("li").filter(function() { return $(this).css("display") == "none" })

【讨论】：

-1 因为选择器已经可以通过创建这种代码来重复
我不知道它可用。我的错。只是想帮忙。
您建议的答案会找到所有隐藏元素，而不仅仅是 display = none。

【解决方案4】：

$('li:hidden') - 按照 jquery 文档尝试它会起作用

更多细节 - :hidden Selector

【讨论】：

【解决方案5】：

我会说：

$("li").not(":visible")

或

$("li:hidden")

然后内联执行所有操作或使用.each() 循环所有操作。

【讨论】：

【解决方案6】：

从 jQuery 1.3.2 开始，如果浏览器报告的 offsetWidth 或 offsetHeight 大于 0，则元素可见。这种变化意味着什么？这意味着如果您的元素的 CSS 显示为“无”，或者它的任何父/祖先元素的显示为“无”，或者如果元素的宽度为 0 且元素的高度为 0，则该元素将被报告为隐藏。见这里：http://blog.jquery.com/2009/02/20/jquery-1-3-2-released/

例子：

这意味着 li 元素只有在你有一个具有 display: none 样式的父元素时才会被识别为隐藏：

$("li:hidden")

【讨论】：