Блог

У меня есть 10 разделов. У каждого есть атрибут data-tooltip="text here" .

Я бы хотел что-то вроде:

 $('.my_div').qtip({
      content: $(this).attr('data-tooltip'),'bottom middle'
      },
      style: {
         tip: true,
         classes: 'ui-tooltip-red'
      }
    });
  

Но это не работает. Как я могу получить текст всплывающей подсказки для каждого div, не записывая десятикратный код с .qtip функцией?

Похоже, вместо этого вам нужно выполнить цикл .each() .

Что-то вроде этого:

 $('.my_div').each(function(){
    $(this).qtip({
        content: $(this).attr('data-tooltip'),
        style: {
            tip: true,
            classes: 'ui-tooltip-red'
        }
    });
});