Я действительно изо всех сил пытаюсь понять, как это сделать. Я хочу проверить, существует ли класс где-нибудь в одном из родительских элементов элемента.

Я не хочу использовать какую-либо библиотеку, просто ванильный JS.

В приведенных ниже примерах должно возвращаться значение true, если рассматриваемый элемент находится где-то в дочерних элементах элемента с именем the-class в качестве имени класса.

Я думаю, что это будет что-то вроде этого с JQuery:

if( $('#the-element').parents().hasClass('the-class') ) {
    return true;
}

Так что это возвращает истину:

<div>
    <div class="the-class">
        <div id="the-element"></div>
    </div>
</div>

Так же это:

<div class="the-class">
    <div>
        <div id="the-element"></div>
    </div>
</div>

... но это возвращает ложь:

<div>
    <div class="the-class">
    </div>
    <div id="the-element"></div>
</div>