jQuery "visible"不适用于所有浏览器，但在 Firefox 中

Question

我做了一个非常简单的 fiddle here ，您可以在不同的浏览器中查看。

它只适用于 Firefox。换句话说，似乎 $('#select-tag-id option:visible') 在其他浏览器中不起作用。怎么了？是 jQuery 错误吗？

代码是:

<select id='items'>
    <option value='1' style='display: none;'>One</option>
    <option value='1' style='display: block;'>Two</option>
    <option value='1' style='display: block;'>Three</option>
    <option value='1' style='display: none;'>Four</option>
</select>

JavaScript(jQuery 代码)是:

$(function(){
    alert($('#items option:visible').length);
});

Answer 1

这不是 jQuery 错误 - 只是(又一个)浏览器差异。

IE 不会让你设置 display:none在选项元素 ( style.display='none' doesnt work on option tags ) 上。

如果您在 FF 和 IE 中查看您的 fiddle，您会看到 <select>在 IE 中仍然包含所有四个元素，但在 FF 中只包含两个元素，无论是否存在 jQuery。

解决方案可能是实际删除元素并在需要时替换。