js转换jQuery，隔行变色失败

Question

如图，我想要的效果是js转换jQuery实现隔行变色，但结果却是全部变色，难道是js转换jQuery失败？

Answer 1

jquery你直接jquery操作就好了，原生和js混搭在一起干嘛

 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>
<ul class="ul">
    <li>11111111111</li>
    <li>22222222222</li>
    <li>11111111111</li>
    <li>22222222222</li>
    <li>11111111111</li>
    <li>22222222222</li>
    <li>11111111111</li>
    <li>22222222222</li>
</ul>
<script>
    //原生js用下面的
    var ul = document.getElementsByClassName('ul')[0];
    var lis = ul.getElementsByTagName('li');
    for (var i = 0; i < lis.length; i++) lis[i].style.backgroundColor = i % 2 == 0 ? 'red' : 'green';

    //jQuery
    //$('.ul li').filter(':even').css('background-color', 'red').end().filter(':odd').css('background-color', 'green')
</script>