JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">Games</a>
        <ul id="submenu">
            <li><a href="#">Game one</a>
            </li>
            <li><a href="#">Game Two</a>
            </li>
            <li><a href="#">Game three</a>
            </li>
        </ul>
    </li>
    <li><a href="#">Stake</a>
    <ul id="submenu1">
            <li><a href="#">Game one</a>
            </li>
            <li><a href="#">Game Two</a>
            </li>
            <li><a href="#">Game three</a>
            </li>
        </ul>

    </li>
    <li><a href="#">Max PLayers</a>

    </li>
</ul>

JavaScript

$('#submenu').on('click', 'li a', function (e) {
    e.preventDefault();
    alert($(this).text());
    alert($(this).parent().index());
});
document.getElementsByTagName('ul').onclick = function (e) {
    e.preventDefault();
    alert($(this).text());
    alert($(this).parent().text());
});