JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a class="alink" href="http://google.com">Google links
          <p class="p">Another Links to prevent default</p>
    </a>
</div>

JavaScript

$(document).ready(function(){
    $('.alink, .alink > .p').click(function(e){
        e.preventDefault();
        e.stopPropagation();
        alert("hi");
    });
});