если hasClass на A, то нажмите B, добавьте Class к B и C

Question

Я хочу сделать что-то вроде этого.
Если у "a" есть класс "active", при нажатии на "b", b и c добавят другой класс.
Как мне это сделать?

if ( $('.a').hasClass('active') ) {
  $('.b').on('click', function() {
    $('.b').addClass('go1');
    $('.c').addClass('go2');
    }
  )}

div {width:200px; height:50px;}
.a {background:yellow;}
.b {background:red;}
.c {background:blue;}

.go1 {background:green;}
.go2 {background:purple;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="a active">A</div>
<div class="b">B</div>
<div class="c">C</div>

Answer 1

Вы должны проверить класс "active" из "a" внутри обратного вызова "click":

$('.b').on('click', function() {
  if ($('.a').hasClass('active')) {
    $('.b').addClass('go1');
    $('.c').addClass('go2');
  }
})