Применить альтернативный класс для li со скрытым присутствующим в списке li без использования: visible

Question

У меня есть список li, у которого также есть некоторые скрытые li. Я применяю класс CSS с помощью этого метода

function ArrangeAlternateRows() {
    $('#' + firstContainer + ' li, #' + secondContainer + ' li').removeClass('AltRow');

    $('#' + firstContainer + ' li:visible:odd').addClass('AltRow');
    $('#' + secondContainer + ' li:visible:odd').addClass('AltRow');
    $('#' + secondContainer + ' li input[type="text"]').css("width", "100%");
}

это прекрасно работает, но в IE-7 «: visible» не работает, поэтому я попытался использовать «not (: hidden)», которое также не работает.

Есть ли альтернатива для применения класса css к li без использования ": visible"?

Answer 1

Вы все еще можете использовать цикл для непосредственного присвоения класса li.

Если вы сделаете это, вы также сохраните совместимость с другими браузерами (например, IE7)

Проверка: http://jsfiddle.net/b4zhs/2/

Answer 2

, делая li видимым / невидимым, добавляя / удаляя класс, скажем visible-li

$('#' + firstContainer + ' li').show().toggleClass("visible-li");
$('#' + firstContainer + ' li').hide().toggleClass("visible-li");

Итак

$('#' + firstContainer + ' li.visible-li')  // gives visible li elements inside firstContainer

Answer 3

.invisibleItem
{
   display:none;
}