alter list item colors

by Alaksandar Jesus Gene

HTML

<div id="categories-2">
    <ul>
        <li>I am list 1</li>
        <li>I am list 2</li>
        <li>I am list 3</li>
        <li>I am list 4</li>
        
        
    </ul>
</div>

CSS

.evenNum{color:red}
.oddNum {color:purple}

JavaScript

$(document).ready(function(){

     $("#categories-2 ul li").each(function() {
         console.log($(this).index());
       if ($(this).is(":even")) {$(this).addClass('evenNum');}
       else{
     $(this).addClass('oddNum');
    }
    });


});