JSFiddle - React, Tailwind, and code Playground

by alpacalips

HTML

<ul class='list'>
     <li image_id="1">One</li>
     <li image_id="2">Two</li>
  </ul>
  
  <ul class='list'>
     <li image_id="3">Three</li>
     <li image_id="4">Four</li>
  </ul>
  
  <ul class='list'>
     <li image_id="5">Five</li>
     <li image_id="6">Six</li>
  </ul>
 
 <button>Next</button>

JavaScript

var $li = $('ul.list li'), i = 0, $currentLi;
 
 $('button').click(function(){
     if(i < $li.length) {
         $currentLi = $li.eq(i);
         $currentLi.css('color', 'red');
         i++
         }else {
             alert('End of LIs');
         }
 });