JSFiddle - React, Tailwind, and code Playground

by Giri Jeedigunta

HTML

<div id="outerWrap">
    <div class="innerWrap">
        <ul>
            <li>not a link</li>
            <li>not a link</li>
            <li>not a link</li>
            <li><a href="#">This is a link</a></li>
            <li><a href="#">This is a link</a></li>
            <li><a href="#">This is a link</a></li>
            <li><a href="#">This is a link</a></li>
            <li><a href="#">This is a link</a></li>
            <li><a href="#">This is a link</a></li>            
        </ul>
    </div>
</div>

JavaScript

$('#outerWrap').off('click').on('click', 'a', function(e) {
    e.preventDefault();
    console.log('Link Clicked');
});

// Please open the console to vew the below messgaes:
console.log($._data($('#outerWrap .innerWrap ul li:last a'), 'events'));

console.log($._data($('#outerWrap')[0], 'events'));