jQuery :visible filter

Question

我正在尝试实现自己的选项卡，但在某些情况下，:visible 选择器似乎没有像我想象的那样工作:

http://jsfiddle.net/TtCLQ/1/

简而言之，当 div 只包含输入类型“image”或“file”时，看起来 :visible 总是返回 false，无论它们实际上是否可见。 (在最新的 Chrome 和 IE9 上测试。)

这是一个错误，还是我期待错误的行为？我应该做什么来检测 div(及其子元素)是否正在显示？

(在 fiddle 中，当您切换选项卡时，通过查看 firebug 中 tab3 的样式，您可以看到 :visible 过滤器似乎不起作用。)

Answer 1

#pane div 选择#pane 中的所有div 并将它们设置为displaY:none 因此 Pane 内div 内的div 也是不可见的。当您将 #tab3 设置为显示时，您没有显示内部的 div，因此出现了问题。即 #tab3 变得可见，但 #tab3>div 不可见。我用

更新了 fiddle

#pane>div
{ 
display:none;
}

这仅选择直接子 div，而不选择这些 div 内的 div。另一种方法是将类添加到选项卡 (.tab)并集体设置它们的可见性