JSFiddle - React, Tailwind, and code Playground

by Intesar Haider

HTML

<div class="container">
<ul>
    <li>
        <div class="box">First div</div>
    </li>
    <li>
        <div class="box">Second div</div>
    </li>
    <li>
        <div  class="box">Third div</div>
    </li>
</ul>

JavaScript

$(document).ready(function() {
    var myColors = [
        '#1afe1a', '#abc', '#123'
    ];
    var i = 0;
    $('div.box').each(function() {
        $(this).css('background-color', myColors[i]);
        i = (i + 1) % myColors.length;
    });
});