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"></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

var divs = $('.container .position');
divs.each(function (i) {
    this.setAttribute('data-index', i);
});
divs.on('click', function () {
    alert($(this).data('index'));
});