JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="sample1">
    <li>One</li>
    <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
</ul>
<ul id="sample2">
       <li>One</li>
    <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
</ul>
<ul id="sample3">
       <li>One</li>
    <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
</ul>
<ul id="sample4">
       <li>One</li>
    <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
</ul>
<ul id="sample5">
       <li>One</li>
    <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
</ul>

CSS

.selected{
    background-color:red;
}

JavaScript

jQuery(document).ready(function(){
    for(var k=1;k<=5;k++){
        jQuery("#sample"+k+" li").click(function(){
            console.log(k);
            jQuery("#sample"+k+" li.selected").removeAttr('class');//removing previous selection
            jQuery(this).addClass('selected');//adding selection for clicked one
        });
    }
});