JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span class='foo'>foo0</span>
  <span class='foo'>foo1</span>  
  <span class='foo'>foo2</span>
  <span class='foo'>foo3</span>
  <span class='foo'>foo4</span>
</div>

CSS

div{
    width: 100px;
    height: 100px;
    background-color: red;
    position: absolute;
    left: 50px;
    top: 50px;
}

JavaScript

$(function(){
   $('.foo').bind('mouseover', function(){
    alert('I am ' + $(this).index());
});
});