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

$('body').on('click', '.click', function() {
	$(this).find('.item-click').append('test');
  $(this).removeClass('click');
});