0

Помогите пожалуйста.

const clicksertif = document.querySelector('.sertif-img');
if (clicksertif) {
    clicksertif.addEventListener("click", function(e) {
        
        clicksertif.classList.toggle('sertif-zoom');
    });
}

Суть в том, что есть куча элементов (слайды) с классом sertif-img. Мне нужно чтобы при клике на один их таких элементов присваивался класс именно для того элемента по которому кликнули. Это можно реализовать? Вообще у меня слайдер slick. И мне необходимо, чтобы при клике на изображение оно увеличивалось (типо на весь экран), а при повторном клике уменьшалось обратно. Может я вообще не правильно пытаюсь это реализовать? Может это делается иначе?

2
  • Пример дайте, совсем не понятно о чём именно речь.
    – De.Minov
    2 янв в 9:54
  • Советую вами почитать про делегирование событий
    – EzioMercer
    2 янв в 11:19

1 ответ 1

0

Если хотите, чтобы на каждом элементе был прослушиватель, то для начала все их нужно получить, а уже потом вешать на каждый элемент прослушиватель. Например так:

// Получаем все элементы с классом .sertif-img
const clicksertif = document.querySelectorAll(".sertif-img");

if (clicksertif.length) {
  // Для каждого элемента навешиваем свой прослушиватель
  clicksertif.forEach((element) => {
    element.addEventListener("click", function (e) {
      this.classList.toggle("sertif-zoom");
    });
  });
}
7
  • Длину можно и не проверять
    – EzioMercer
    2 янв в 11:15
  • @EzioMercer Да? А что вернет проверка, если нодлист будет пустой, без элементов? 2 янв в 11:21
  • Пустой нодлист вернётся
    – EzioMercer
    2 янв в 11:21
  • Я имею ввиду, что будет true или false с пустым нодлистом, если не проверять длину как вы предлагаете? 2 янв в 11:23
  • Что будет true или false если не проверять?
    – EzioMercer
    2 янв в 11:27

Ваш ответ

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

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