Как отобразить блок «Нет элементов»?

Question

[Евгений Драган]

Здравствуйте! Подскажите, пожалуйста, как сделать чтобы при удалении всех блоков в div`e с классом elem_block появлялся блок с надписью "Нет элементов".

Я так понял что нужно проверить элементы с классом block на наличие класса fx_none, пробовал через .hasClass к сожалению не получилось.

Пример:
https://jsfiddle.net/0d8ukh9z/

Answer 1

[0xD34F]

$('.elem_block').on('click', '.dell', function() {
  $(this).closest('.block').addClass('fx_none');
  $('.no-res').toggleClass('fx_none', !!$('.block:not(.fx_none)').length);
});

или

document.addEventListener('click', e => {
  const btn = e.target.closest('.dell');
  if (btn) {
    btn.closest('.block').classList.add('fx_none');
    document.querySelector('.no-res').classList.toggle(
      'fx_none',
      !!document.querySelector('.block:not(.fx_none)')
    );
  }
});