JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>
<div>Lipsum</div>

CSS

.green { color: green; }
.red { color: red; }
.violet { color: violet; }
.blue { color: blue; }

JavaScript

$('div').each(function(i){
        var classes=[
                "green",
                "red",
                "violet",
                "blue"
            ];
        $(this).addClass( classes[ i % classes.length ] );
    });