Javascript for each loop

A simple javascript for each loop.

HTML

<ul>
    <li onclick="alert(1)">Lorem</li>
    <li  onclick="alert(2)">Ipsum</li>
    <li onclick="alert(3)">Dolor</li>
    <li onclick="alert(4)">Sit</li>
</ul>

CSS

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

JavaScript

alert($('li').length)
$('li').trigger('click');
for(var index = 0; index < $('li').length; index++){
    
    $('li').eq(index).addClass('item-' + index);
      $('li').trigger('click');
}