リストに表示されている隠されたliの代替クラスを次のように使用しないで表示します。visible

Question

私はliのリストも持っています。また、動作していないこと：私は「（隠された）ではない」を使用しようとした動作していない：「目に見える」私はそれは素晴らしい作品が、IE-7に、この方法

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%"); 
} 

を使用してCSSクラスを適用しています。

"：visible"を使用せずにliにcssクラスを適用する代替手段はありますか？

Answer 1

ループを使用してliを直接liに割り当てることはできます。

あなたは（IE7のような）他のブラウザ

チェックしても互換性を維持することを行う場合：李見える/見えないアドオンは/クラスを削除しながらhttp://jsfiddle.net/b4zhs/2/

Answer 2

.invisibleItem 
{ 
    display:none; 
} 

Answer 3

、visible-li

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

言います

ので

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