Если написать так:
var childrenSq = document.querySelector('.active-hovered').children.classList;
console.log(childrenSq);
то: не работает, возвращает undefined
Класс "active-hovered" добавляется в процессе(поэтому в разметке его нет)
Разметка:
<div class="sq-container row-sq 0">
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq center-sq hovered-button 0"></div>
<div class="sq"></div>
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq"> </div>
<div class="sq"></div>
<div class="sq"> </div>
</div>
P.S. Не использую Jquery