jQuery for .each()

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

by Ravichandra Thota

HTML

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

CSS

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

JavaScript

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