JSFiddle - React, Tailwind, and code Playground

HTML

<li onclick="alert('Hi, from outer div!');">
    <a href="someurl">sometext</a>
</li>

CSS

.active {
    color:red;
}

JavaScript

$("li").click(function (e) {

    alert("li");
});

$('body').on("click", 'a', function (e) {
    e.preventDefault();
    e.stopPropagation();
    alert("a");
});