Если есть определенный class на странице, то приписывать класс к другому блоку

Question

Нужно добавить класс к определенному блоку, при условии, что на странице есть определенный класс.

Например

<body>
<div class="blok-1"</div>
<div class="test-1">[скрытый блок, который появляется, если есть на странице класс blok-1]</div>
</body>

Answer 1

jQuery

if($('.blok-1').length > 0) {
  $('.test-1').addClass('show');
}

Пример:

if ($('.blok-1').length > 0) {
  $('.test-1').addClass('show');
}

.test-1 {
  display: none;
}

.test-1.show {
  display: block;
  color: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="blok-1"></div>
<div class="test-1">[скрытый блок, который появляется, если есть на странице класс blok-1]</div>

Javascript

if(document.getElementsByClassName('blok-1').length > 0) {
  document.getElementsByClassName('test-1')[0].classList.add('show');
}

Пример:

if (document.getElementsByClassName('blok-1').length > 0) {
  document.getElementsByClassName('test-1')[0].classList.add('show');
}

.test-1 {
  display: none;
}

.test-1.show {
  display: block;
  color: green;
}

<div class="blok-1"></div>
<div class="test-1">[скрытый блок, который появляется, если есть на странице класс blok-1]</div>

БЛОГ НА HUSL

Если есть определенный class на странице, то приписывать класс к другому блоку

Ответы (1 шт):