jquery - 動的リスト項目のゼブラストライプCSS

Question

これは私が何かを行うためのハック（アルゴリズムの並べ替え）であるため、htmlを変更できませんが、偶数と奇数を使用できなくなったため、cssが壊れました..

http://jsfiddle.net/Hms7Y/24/

1を追加してから2を追加しようとすると、同じ背景があります..3つのクラスに3つのクラスを適用しようとしましたが、ユーザーによってさまざまな動作があるため機能しません。

li:nth-child(even){
background:#DDD;    
}

Answer 1

http://jsfiddle.net/kidino/JRwM7/1/

:visible を使用して、js の非表示の li をフィルタリングするだけです

  $('ul li').removeClass('even');
  $('ul li:visible:odd').addClass('even');

Answer 2

これを試してください: fiddle。

$(document).ready(function() {
  $('button').click(function() {
    var lvl = $('select').val();

    $('<li class="level" '+ lvl + '>' + lvl + '</li>').appendTo('ul');
  });
});