Javascript for each loop

A simple javascript for each loop.

by agus makmun

HTML

<ul>
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dolor</li>
    <li>Sit</li>
</ul>

CSS

.item-0 { color: red }
.item-1 { color: green }
.item-2 { color: orange }
.item-3 { color: blue }

.active {color: green}

JavaScript

for(var index = 0; index < $('li').length; index++){
    $('li:first').eq(index).addClass('active');
}