斑马条纹css为动态列表项目

Question

我不能改变我的HTML，因为这是我做某事的黑客（排序算法），但它打破了我的CSS因为我不能再使用偶数和奇数..

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

尝试添加1，然后按2，它具有相同的背景..我尝试为3 li应用3个类，因为用户有各种行为，所以不起作用。

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

Answer 1

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

只需使用：可见以过滤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');
  });
});