jQuery的。是（ “：可见”）在Firefox而不是Chrome浏览器

Question

可能重复：
jquery .is(“:visible”) not working in Chrome

我试图让所有可见的项目在数组中。它在Firefox中运行良好，但不是Chrome。

这里是我的代码：

$.each (t.config.promoInput, function (i, v) { 
    var size = 0; 

    $.each ($(v).find('option'), function (i, v) { 
     $(v).show() // Show all options in <tt>$(v)</tt>. 
      .not(':first-child') // Don't hide <tt>(All)</tt>. 
      .not(':Contains("' + t.config.searchSpanInput.val() + '")') // Don't hide options that match the searchCriteria. 
      .hide(); // Hide everthing that doesn't match or isn't (All). 

     if ($(v).is(":visible")) { 
      size++; 
     } 
    }); 
}); 

在Firefox大小的增量，而Chrome的大小保持等于0

编辑：：包含是我自己除了jQuery库。它是一个不区分大小写的：contains的版本。

Answer 1

隐藏和显示的东西，（启用/禁用）选项不能很好地支持跨浏览器（禁用/启用）。看到这个问题的一个可能的解决方案，您的问题：jQuery disable SELECT options based on Radio selected (Need support for all browsers)

一旦你得到的选项修剪下来，然后可以使用长度来获得大小。

Answer 2

你为什么不只需检查为"display"财产，如果是"none"比它是隐藏的，如果它的"inline"比它是可见的：

$.each (t.config.promoInput, function (i, v) { 
    var size = 0; 

    $.each ($(v).find('option'), function (i, va) { 
     $(va).show() // Show all options in <tt>$(v)</tt>. 
      .not(':first-child') // Don't hide <tt>(All)</tt>. 
      .not(':Contains("' + t.config.searchSpanInput.val() + '")') // Don't hide options that match the searchCriteria. 
      .hide(); // Hide everthing that doesn't match or isn't (All). 

    }); 
    //add only visible options 
    if ($(va).css("display") === "inline") { 
     size++; 
    } 
}); 

看吧http://jsfiddle.net/gwbTm/2/（我使用Chrome测试过）。
我认为设定的<option>知名度是建立问题，浏览器（expecially机智IE）