JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<div data-action="button">
  <span data-action="close">x</span>
</div>

CSS

div{
  height:100px;
  background:#369;
}
span {
  display:block;
  height:20px;
  width:20px;
  background:#ffc;
}

JavaScript

$(document).on('click', '[data-action="button"]', function(e){
    if ($(e.target).is('[data-action="close"]')) {
        $(this).hide();
    } else {
         alert('нажали кнопку');
    }
});