JSFiddle - React, Tailwind, and code Playground

by richardneililagan

HTML

<div id="container">
    <div>
        <div>
            <a href="">test link</a>            
        </div>
    </div>
</div>

CSS

#container { margin:10px; padding:15px; background-color:#ffa; cursor:pointer; }
#container > div { padding:15px; width:70%; background-color:#dda; }
#container > div > div { padding:15px; width:40%; background-color:#d99; }

JavaScript

$(function() {
    $('#container').click(function (e) {
        e.preventDefault();
        
        try {
            alert(e.target.href.length > 0);
        }
        catch(e)
        {
            alert('error');
        }
    });
});