JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<ul>
    <li class="option1">This is my option 1</li>
    <li class="option2">This here is option 2</li>
    <li class="option3">Option 3...</li>
    <li class="option4">4...</li>
    <li class="option5">5......</li>
    <li class="option6">6........</li>
</ul>

JavaScript

$(function() {
    
    $("ul").on("click", "li", function() {
        
        var $this = $(this);
        
        if ( $this.hasClass('option1') ) {        
            alert('You clicked Option1');
        }
        else if ( $this.hasClass('option2') ) {
            alert('This is Option2')
        }
        
    });
    
});