JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="ul1" id="ul1">
	<li><a href="">Test</a></li>
	<li><a href="">Test2</a></li>
	<li><a href="">Test3</a>
		<ul class="ul2">
			<li><a href="">Test3 - 1</a></li>
			<li><a href="">Test3 - 2</a></li>
		</ul>
	</li>
	<li><a href="">Test4</a>
		<ul class="ul2">
			<li><a href="">Test4 - 1</a></li>
			<li><a href="">Test4 - 2</a></li>
		</ul>
	</li>
</ul>

JavaScript

$(function() {
    $('.ul1 li').click( function(e) {
        e.preventDefault();
   var liIndex = $(this).index('li');
   console.log(liIndex);
});
});