JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div class="card-set">
   <div class="dummy">
   dummy
   </div>
   <div class="card">
   card1
   </div>
   
   <div class="dummy">
   dummy
   </div>
   <div class="card">
   card2
   </div>
   
   <div class="dummy">
   dummy
   </div>
   <div class="card">
   card3
   </div>
   
   <div class="dummy">
   dummy
   </div>
   <div class="card">
   card
   </div>
   
   <div class="dummy">
   dummy
   </div>
   <div class="card">
   card4
   </div>

 
</div>

CSS

.card-set div
{
  display:inline-block;
  height:50px;
  width:50px;
  line-height:50px;
  text-align:center;
  
  
}

.card-set div:nth-of-type(even)
{
  background:red;
}

.card-set div:nth-of-type(odd)
{
  background:cyan;
}

JavaScript

$(document).ready(function(){
    $(".card").click(function(){
        alert("you clicked " + $(this).attr("class") );
    });
});