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');
var ultimo = 0;
divs.each(function (i) {
    this.setAttribute('data-index', i);
    ultimo = i;
});
divs.on('click', function () {
    var estaPosicao = $(this).data('index');
    alert(estaPosicao);
    estaPosicao == ultimo && alert('Eu sou a ultima div!!');
    
});