qtip jquery плагин для отображения текста по ссылке

Question

Я пытаюсь использовать плагин jQuery qTip для отображения текста внутри элемента.

У меня есть несколько ссылок в таблице, как и с разными классами. Текст в ссылках скрыт с отрицательным отступом текста, а фоновый спрайт используется для придания им уникальности.

<a href="#" class="spot_quote">Spot quote</a>

<a href="#" class="contract_quote">Contract quote</a>

Я думал, что это будет jquery просто взять текст в ссылке:

$('.contract_quote, .spot_quote').qtip(
   {
       content: $(this).text() // Give it some content, in this case a simple string
   });

Но это возвращает намного больше, чем мне нужно или хочется. Я не хочу добавлять атрибут title, так как он здесь не нужен.

Answer 1

JavaScript не имеет области действия на уровне блоков. Это означает, что ваш this ссылается на документ. Для того чтобы this чтобы ссылаться на каждый элемент, вам нужно создать новую функцию:

$(document).ready(function() {  
  $('.contract_quote .spot_quote').each(function() {
    $(this).qtip({
     content: $(this).text();
    });
  });
});

Тем не менее, даже если вам понадобится атрибут title, было бы неплохо установить его в любом случае. Автоматическая настройка с помощью JavaScript - это нормально, но не идеально. Настройка с вашей CMS (если вы используете один) будет лучше. Если по какой-то причине пользовательский агент ищет заголовок ссылки, лучше иметь его, даже если он всегда совпадает с контентом, поскольку пользовательские агенты не так умны, как люди. Во всяком случае, в большинстве случаев.