JSFiddle - React, Tailwind, and code Playground

by tcloninger

HTML

<span id="ext" href="#">Hello <a id="int">World</a></span>

CSS

#ext{ display:block; height:100px; background-color:gray; }
#int{ padding:10px; }
#int:hover{ color:blue; cursor:pointer; }

JavaScript

$('#ext, #int').click( function(){
    console.log( $(this).attr('id') );
});
$('#int').click( function(e){
    e.stopPropagation();
});