Александр Александрович

Автоматическая установка класса fancybox для ссылки на картинку

3 Дек 2021 Веб-разработчику

Добавляем в блок script в самый низ страницы. Суть простая:

  1. Собираем массив ссылок по нашему условию (в div.post идёт сочетание a + img).
  2. Идём по массиву и проставляем гиперссылке-родителю (a) класс fancybox.
const linkedImages = document.querySelectorAll('.post a img');
linkedImages.forEach(element => {
element.parentElement.classList.add('fancybox');
});