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>div", function (){
      alert($(this).text());
   });
});