JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<ul id="messages">
    <li><a class="box" href="#"></a></li>
    <li><a class="box" href="#"></a></li>
    <li><a class="box" href="#"></a></li>
</ul>

CSS

.box {
    border: solid 3px #c00;
    width: 120px;
    height: 120px;
    margin: 5px;
    float: left;
}

JavaScript

$("messages").on("click", "a.box", function(event, element){
    console.log(event, this);
});