JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myList">
    <li>item 0 <span>span 0</span>

    </li>
    <li>item 1 <span>span 1</span>

    </li>
    <li>item 2 <span>span 2</span>

    </li>
    <li>item 3 <span>span 3</span>


    </li>
</ul>

JavaScript

$("#myList").on("click", "span", function (event) {
    alert($(this).index());
});