JSFiddle - React, Tailwind, and code Playground

HTML

<ul>        
    <li><a name="1" class="cls1" href="#">1
        </a></li>        
    <li><a name="2" class="cls1" href="#">2
        </a></li>        
</ul>
<ul id="c2">
</ul>

CSS

.cls1{
    color:blue;
}
.cls2{
    color:red:
}

JavaScript

$('.cls1').click(function(e){
        alert('cls1 clicked');
        e.preventDefault();
        var pk = $(this).attr("name");
        $('#c2').html('<li><a href="#" class="cls2">'+pk+'</a></li>')
    });
    $('.cls2').click(function(e){
        e.preventDefault();
        alert('cls2 clicked');
    });