JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <p>outer</p>
    <div id="inner">
        <p>inner</p>
        <div id="inner-last">
            <p>inner-last</p>
        </div>
    </div>
</div>

JavaScript

$("#inner-last, #inner").click(function(e){
    console.log(this.id+" click");
});

$("#outer").click(function(e){
    e.stopImmediatePropagation();
    console.log("hello")
});