JSFiddle - React, Tailwind, and code Playground

by oduska

HTML

<div class="post">Post Div</div>
<div class="post">Post Div</div>
<div class="post">Post Div</div>
<div class="post">Post Div</div>
<div class="post">Post Div</div>
<div class="post">Post Div</div>
<div class="post">Post Div</div>
<div class="post">Post Div</div>

CSS

.class { background: red; }
.class2 { background: blue; }
.class3 { background: green; }
.class4 { background: yellow; }

JavaScript

$(function() {
    $(".post").eq(0).addClass("class").end()
              .eq(1).addClass("class2").end()
              .eq(2).addClass("class3").end()
              .eq(3).addClass("class4").end()
              .eq(4).addClass("class2").end()
              .eq(5).addClass("class").end()
              .eq(6).addClass("class4").end()
              .eq(7).addClass("class2");
});