JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent1" class="parent">
  <div id="child1" class="children">
      <a href="#" id="child_link1" class="child_link">
          Child
      </a>
    </div>
    Parent
</div>

JavaScript

$(".parent").click(function () {
  alert("parent is clicked");
});

$(".child_link").click(function (e) {
  e.stopPropagation();
  alert("child link is clicked");
});