JSFiddle - React, Tailwind, and code Playground

HTML

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

  <div class="elem_block">
    <div class="block">
      <p>Блок 1</p>
      <a class="dell">Удалить</a>
    </div>
    <div class="block">
      <p>Блок 2</p>
      <a class="dell">Удалить</a>
    </div>
    <div class="block">
      <p>Блок 3</p>
      <a class="dell">Удалить</a>
    </div>
  </div>
</div>

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

  <div class="elem_block">
    <div class="block">
      <p>Блок 101</p>
      <a class="dell">Удалить</a>
    </div>
    <div class="block">
      <p>Блок 102</p>
      <a class="dell">Удалить</a>
    </div>
    <div class="block">
      <p>Блок 103</p>
      <a class="dell">Удалить</a>
    </div>
  </div>
</div>

CSS

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

.container {
  border: 2px solid red;
  margin: 10px;
  padding: 10px;
}

.container:has(.elem_block *) .no-res {
  display: none;
}

.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

document.querySelectorAll('.dell').forEach(function(n) {
  n.addEventListener('click', this);
}, e => e.target.closest('.block').remove());