JSFiddle - React, Tailwind, and code Playground

HTML

<div class="no-res fx_none">
<p>
 Нет элементов
</p>
</div>

<div class="elem_block">

<div id="b_1" class="block">
<p>
Блок 1
</p>
<a id="a_1" class="dell">Удалить</a>
</div>


<div id="b_2" class="block">
<p>
Блок 2
</p>
<a id="a_2" class="dell">Удалить</a>
</div>

<div id="b_3" class="block">
<p>
Блок 3
</p>
<a id="a_3" class="dell">Удалить</a>
</div>

</div>

CSS

.no-res{
background-color: #000;
color: #fff;
margin: 10px;
width: 200px;
height: 50px;
}

.fx_none{
  display: none !important;
}

.block{
  margin: 10px;
  border: 1px solid #000;
  width: 200px;
  height: 50px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
}

.dell{
  line-height: 50px;
  margin: 0 auto;
  cursor: pointer;
}

JavaScript

$('#a_1').click(function(event) {
  $('#b_1').addClass('fx_none');
  });
  
  
   $('#a_2').click(function(event) {
  $('#b_2').addClass('fx_none');
  });
  
     $('#a_3').click(function(event) {
  $('#b_3').addClass('fx_none');
  });