JSFiddle - React, Tailwind, and code Playground

HTML

<div id="master">
    <ul>
        <li><div>Trigger Me!</div></li>
        <li><div>Trigger Me!</div></li>
        <li><div>Trigger Me!</div>
            <ul>
                <li><div>Do NOT trigger me</div></li>
                <li><div>Do NOT trigger me</div></li>
            </ul>
        </li>
    </ul>
</div>

CSS

li{
    cursor:pointer;
}

JavaScript

$(document).ready(function(){
    $("div#master").on("click", "ul > li", function (){
        alert($(this).text());
    });

});