JQuery селектор [атрибут] не работает правильно в IE 11

Question

У меня есть список <div class='input-group' style='display:none'>, являющийся дочерним элементом <div id='Group'>.

Я хотел бы подсчитать, сколько из <div class='input-group'> s у меня есть без style='display:none' в списке. Итак, вот код для получения этого:

$("#Group div.input-group[style!='display:none']").length; 

Работает отлично в Chrome. но IE возвращает мне весь список, независимо от их стилей 'display:none' или нет.

Любые решения на нем?

Answer 1

Я не знаю, о проблеме с IE 11, но есть лучшие способы сделать это

Как это:

$("#Group div.input-group:visible").length; 

Или это:

$("#Group div.input-group").filter(function(){ 
    return this.style.display !== "none"; 
}).length; 

Answer 2

Вы могли бы попробовать это вместо этого:

$(".input-group:visible").length 

T он будет считать только элементы без display: none