JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    parent
        <div class="child">
            child
        </div>
    </div>

JavaScript

$(document).on("click", ".parent", function(event){
        alert("parent");
    });

    $(document).on("click", ".child", function(event){
        event.stopPropagation();
       alert("child");
    });