JSFiddle - React, Tailwind, and code Playground

HTML

<!-- block -->
<div class="block">
    
    <ul class="items"></ul>
    <ul class="menu">
        <a href="#" class="local">add</a>
    </ul>
    
</div>
<!-- block -->

<!-- block -->
<div class="block">
    
    <ul class="items"></ul>
    <ul class="menu">
        <a href="#" class="local">add</a>
    </ul>
    
</div>
<!-- block -->


<!-- block -->
<div class="block">
    
    <ul class="items"></ul>
    <ul class="menu">
        <a href="#" class="local">add</a>
    </ul>
    
</div>
<!-- block -->

CSS

.block {
    display:block;
    background:#fff;
    height:100px;
    border:1px solid #000;
    }

JavaScript

$('.local').click(function(){
        
        var object = $(this);
        var parent = object.parents('.block').css({background:'yellow'});
        $('<li class="item"></li>').appendTo('.items',parent).html('\
            <p>added</p>\
        ');
        
        return false;
    });