JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="parent">
        blah
    <div class="child">Hey</div>
    </li>
    </ul>

JavaScript

$(document).on("click", ".parent", function(){
    console.dir("parent clicked");
    });

    $(document).on("click", ".child", function(e){
        e.stopPropagation();
        console.dir("child clicked");
    });