JSFiddle - React, Tailwind, and code Playground

HTML

<div id="clickable">
    <h>this is test</h>
    <!-- Other content. -->
    <a href="http://foo.com">I don't want #clickable to handle this click event.</a>
</div>

JavaScript

$("#clickable a").click(function(e) {
   //do something
   e.stopPropagation();
})


$("#clickable").click(function(e) {
   //do something
   alert('clickable');
})