Как на JavaScript добавить класс родителю дочернего элемента?

Question

[Иван Тюрин]

Имеется кусок кода, ниже. Это кусок отображения записи на странице новостей.

Логика следующая:
Если на странице встречаем атрибут ".category-sovety-nachinajushhim" то мы его добавляем к родительскому div блоку с id "widget-container-2".

jQuery у меня не работает на сайте, поэтому прошу помощи в коде на JavaScript

<div id="widget-container-2" >
			<div class="elementor-column-wrap ">
			<div class="elementor-widget-wrap">
	<article class="elementor-post elementor-grid-item post-3494 post type-post status-publish format-standard has-post-thumbnail hentry category-sovety-nachinajushhim tag-intervju tag-na-kolyaske">
				<div class="elementor-post__text">
				<p class="text-categori">Советы начинающим</p> 
		<h3 class="elementor-post__title">Курс «Подготовка мультимедийного контента»</h3>
				<div class="elementor-post__excerpt">
			<p>«Заказчик не должен платить вам за инвалидность» &nbsp; Где найти работу инвалиду, если не хватает знаний и опыта? Этот вопрос встаёт перед теми людьми, кто</p>
			<p class="text-tags">#интервью, #на коляске</p> 
		</div>
				</div>
				</article>
				</div>
				</div>
				</div>

Answer 1

[Равиль]

const parentWidgetContainer = document.querySelector('.category-sovety-nachinajushhim').parentNode;

parentWidgetContainer.classList.add('category-sovety-nachinajushhim');

Comments

[Иван Тюрин]

Благодарю, такое решение добавит необходимый класс родительскому элементу, но не дотянется до прапра-родител с ID "widget-container-2" :(

[Равиль]

Иван Тюрин, надеюсь, подойдёт)

const widgetContainer = document.querySelector('#widget-container-2');

if (widgetContainer.querySelector('.category-sovety-nachinajushhim')) {
    widgetContainer.classList.add('category-sovety-nachinajushhim');
}

Answer 2

[VegasChickiChicki]

1) Проверить на странице существования элемента с нуж...
2) Найти на странице блок с нужным айди
3) Добавить класс найденному блоку в пункте 2