JSFiddle - React, Tailwind, and code Playground

by Shishir Max

HTML

<ul class="image-list">
  <li>first element</li>
  <li>second element</li>
  <li>third element</li>
  <li>fourth element</li>
  <li>fifth element</li>
  <li>last element</li>
</ul>

CSS

.even {
  color: blue;
}

.odd {
  color: red;
}

JavaScript

$(document).ready(function() {
  $('ul.image-list li:even').addClass('odd');
  $('ul.image-list li:odd').addClass('even');
});