JSFiddle - React, Tailwind, and code Playground

by techie bala

HTML

<label id="mylabel"> Hello </label>

<a href="" >One</a>
<a href="" id="asd" class="selector">TWO <span></span></a>
<ul id="ul1">
    <li class='selector' value='1'>1</li>
    <li value='2'>2</li>
</ul>

CSS

.selector { color:red; font-weight:bold; }

JavaScript

$(function(){
    
    $("#ul1 li").click(function(){
        
        $("#ul1").find('li').removeClass('selector');        
        
        $(this).addClass('selector');
        
        $("a.selector").find('span').html($(this).val());

    });

});