JSFiddle - React, Tailwind, and code Playground

HTML

<div class="c">
  <div class="a"></div>
  <div class="a"></div>
  <div class="a"></div>
</div>
<div class="c">
  <div class="a"></div>
  <div class="a"></div>
  <div class="a"></div>
</div>
<div class="c">
  <div class="a"></div>
  <div class="a"></div>
  <div class="a"></div>
</div>

CSS

.c {
  border: 1px solid black;
  float: left;
  margin: 5px;
}

.a {
  background: pink;
  width: 70px;
  height: 70px;
  float: left;
  margin: 10px;
}

.b {
  background: black;
}

JavaScript

jQuery(function($) {

var a = $('.a');

a.eq(2).addClass('b');
a.eq(3).addClass('b');
a.eq(4).addClass('b');

});