JSFiddle - React, Tailwind, and code Playground

by Fernando Leal

HTML

<div class="container_boxs">
  <div class="box">
    <div class="close"></div>
  </div>

  <div class="box">
    <div class="close"></div>
  </div>

  <div class="box">
    <div class="close"></div>
  </div>
</div>

CSS

.box {
  width: 100%;
  height: 100px;
  border: 1px solid black;
}

.box .close:after {
  content: "\00d7";
}

.box .close {
  background: #ccc;
}

JavaScript

document.querySelector(".container_boxs").addEventListener('click', function(e) {
  if (e.target.className.toLowerCase() == 'close' && e.target.parentElement.className.toLowerCase() == 'box') {
  	// remove o parent do item clicado.
    e.target.parentElement.remove();
  }
});