JSFiddle - React, Tailwind, and code Playground

by qhoc

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<a class=outter1>
    <p>
        This text should not be a link
        <a class=inner1>Inner link</a>
    </p>
</a>

<div class=outter2>
    <p>
        This text should not be a link
        <a class=inner2>Inner link</a>
    </p>
</div>

JavaScript

$(document).on('tap', '.inner2', function(e) {
    e.stopImmediatePropagation();
    $(this).remove();
    console.log('inner2 tap');
}).on('tap', '.outter2', function(e) {
    e.stopImmediatePropagation();
    console.log('outter2 tap');
    $('.inner2').trigger('tap');
});