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）