jQuery for .each()

A simple .each() function to demonstrate what a simple example with the incremented index values.

by jamygolden

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 }

JavaScript

$('li').each( function( index ) {
    
   $(this).addClass('item-' + index);
    
});