JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<div class="item  click">
    <div class="item-click"></div>
</div>

<div class="item  click">
    <div class="item-click"></div>
</div>

<div class="item  click">
    <div class="item-click"></div>
</div>

<div class="item  click">
    <div class="item-click"></div>
</div>

CSS

.item {
            height: 30px;
            width: 100px;
            margin-bottom: 20px;
            background: #cccccc;
        }

JavaScript

$('.click').click(function () {
        var item = $(this);
        item.find('.item-click').append('test');
        item.removeClass('click');
    
    })