@xSPQRx

Как проверить наличие подкласса у всех блоков с определенным классом?

Есть 6 блоков с классом "f-req"(фиолетовые). При нажатии на блок, если у него нет класса "req"(зеленый), он ему присваивается. Есть кнопка, которая должна проверить наличие у всех блоков("f-req") подкласса "req". Если у какого-либо блока нет подкласса "req", то этому блоку присваивается подкласс "f-al"(красный).
Собственно вопрос: Как сделать так, что бы по нажатию на кнопку ей присвоился класс "start", только когда все блоки имеют подкласс "req"?

Код
  • Вопрос задан
  • 41 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега jQuery
const $fReq = $('.f-req').click(function() {
  $(this).addClass('req').removeClass('f-al');
});

$('#f-butt').click(function() {
  if (!$fReq.not('.req').addClass('f-al').length) {
    $(this).addClass('start');
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы