Tippy js, изменить контент если другой класс?

Question

[DeniSidorenko]

Привет использую плагин Tippy js

tippy('.product-item__compare', {
    content: 'Добавить в сравнение'
  });

Можно ли модифицировать что если у .product-item__compare есть класс active изменить контент

Answer 1

[Ice]

let hasActive = document.querySelector('.product-item__compare').classList.contains('active');
if(hasActive){
tippy('.product-item__compare', {
    content: 'Добавить в сравнение'
  });
}

Answer 2

[DeniSidorenko]

Еще методом SingleTon'a

import tippy, {createSingleton} from 'tippy.js';

const instances = [];
const items = document.querySelectorAll('.product-item__compare');

for (let i = 0; i < items.length; i++) {
  const contentItem = items[i].classList.contains('active') ? 'Добавить в сравнение' : 'Другой контент'
  instances.push(
    tippy(items[i], {
      content: contentItem,
      updateDuration: 400,
    }),
  );
}

createSingleton(instances, {delay: [300, 600]});