JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="position"></div> <!-- Essa tinha que ser position [0]-->
  <div class="position"></div> <!-- Essa tinha que ser position [1]-->
  <div class="other"></div>
  <div class="position">x</div> <!-- Essa tinha que ser position [2]-->
  <div class="position"></div> <!-- Essa tinha que ser position [3]-->
  <div class="other"></div>
  <div class="position"></div> <!-- Essa tinha que ser position [4]-->
  <div class="other"></div>
  <div class="other"></div>
</div>

CSS

div {
    padding:20px;
    margin: 5px 0;
    border:1px solid black;
}
.other {
    background-color: #ccf;
}

JavaScript

$('.position').click(function(){
  alert($(this).index());
});