JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="position">
      <a href="#" class="get_position">Sou o ultimo? </a>
  </div> <!-- Essa tinha que ser position [0]-->
  <div class="position">
      <a href="#" class="get_position">Sou o ultimo? </a>
  </div> <!-- Essa tinha que ser position [1]-->
  <div class="other"></div>
  <div class="position">
      <a href="#" class="get_position">Sou o ultimo? </a>
  </div> <!-- Essa tinha que ser position [2]-->
  <div class="position"></div> <!-- Essa tinha que ser position [3]-->
  <div class="other"></div>
  <div class="position">
      <a href="#" class="get_position">Sou o ultimo? </a>
  </div> <!-- Essa tinha que ser position [4]-->
  <div class="other"></div>
  <div class="other"></div>
</div>

JavaScript

var size;
$(".position").each(function(index, el) {
    $(this).data("position", index);
    size = index;
});
                                    
$(".position").click( function(){
    var pos = $(this).data("position");
    var text = "Pos: " + pos;
    if (pos === size) {
        text = "Eu sou o Ăşltimo";
    }

    $(this).text(text);
})