JSFiddle - React, Tailwind, and code Playground

by James Allardice

HTML

<div>
<ul style="border:red solid 1px;">
    <li style="padding:10px; border:blue solid 1px;">
        <p style="border:green solid 1px;"><a href="#">link</a></p>
    </li>
    <li style="padding:10px; border:blue solid 1px;">
        <p style="border:green solid 1px;">no link</p>
    </li>
</ul>
</div>

JavaScript

$('div').live( "click", function( e ) {alert("div");e.stopPropagation();} );
$('a').live( "click", function( e ) {alert("link");e.stopPropagation();} );
$('ul').live( "click", function( e ) {alert("ul");} );
$('ul li').live( "click", function( e ) {alert("li");} );