JSFiddle - React, Tailwind, and code Playground

HTML

<ul class=events>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<ul class=events>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

JavaScript

$("ul li").click(function(){
    var x=0;
    $(this).prevAll("li").each(function() {
       x++;
    });
    alert(x);
});