0

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

Например

<body>
<div class="blok-1"</div>
<div class="test-1">[скрытый блок, который появляется, если есть на странице класс blok-1]</div>
</body>
1
  • 1
    CSS — .block-1 + .test-1 { display: block; } ?! 28 дек 2020 в 11:03

1 ответ 1

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>

1
  • 1
    Огромное спасибо. Выручили!
    – Lion
    28 дек 2020 в 11:30

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.