Как добавить класс к каждому элементу?

Question

[RushV]

Здравствуйте!
Сейчас добавляет всем элементам сразу, а как сделать как появился элемент сразу добавился класс?
Не как не соображу.

// Создаем новый observer (наблюдатель)
    let observer = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
        $(".element").addClass("animate__animated animate__fadeInLeft ");
        });
    });
    
    // Задаем элемент для наблюдения
    let el = document.querySelector('.element');
    
    // Прикрепляем его к «наблюдателю»
    observer.observe(el);

Comments

[Вадим]

1.let el = document.querySelector('.element');- Тут Вы задаёте только один элемент для наблюдения. Это ок?

2.

Сейчас добавляет всем элементам сразу

$(".element").addClass("animate__animated animate__fadeInLeft "); // что делает эта строчка?

Answer 1

[Алексей Уколов]

Сейчас добавляет всем элементам сразу, а как сделать как появился элемент сразу добавился класс

Эта формулировка, возможно, понятна вам, но совершенно непонятна за пределами вашей головы.

Это вам нужно?

function (entry) {
  entry.target.classList.add("animate__animated animate__fadeInLeft ");
}

Или, может, это?

[...document.querySelectorAll('.element')].forEach(function (el) {
    const observer = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        entry.target.classList.add("animate__animated animate__fadeInLeft ");
      });
  });

  observer.observe(el);
});