JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Item 0</li>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
<ul>

CSS

li {
    cursor: pointer;
    margin: 10px;
}

.red {
    color: red;
}

JavaScript

console.clear();

var mod = 0;

if (mod == 0) {

    $("ul").on("click", function(e){
        
        $(e.target).toggleClass("red");
    });

}



































if (mod == 1) {

    $("ul").on("click", function(){
        $(this).toggleClass("red");
    });

}























if (mod == 2) {

    $("ul").on("click", function(){
        $(event.target).toggleClass("red");
    });

}