Получение текущего элемента в объекте Jquery

Question

Мне немного сложно это объяснить. Я использую qtip для отображения подсказок в элементах списка.

То, что я хотел бы сделать, это показать содержимое диапазона с классом «подсказка» в качестве текста для всплывающей подсказки.

Я пытаюсь этот код, однако он возвращает текст во всех тегах span, как этот
«текст для первого элемента текст для второго элемента»
во всех подсказках.

** HTML-код **

<ul>
            <li>
                <span>list item first</span>
                <span class="tooltip">text for first item</span>
            </li>
            <li>
                <span>list item second</span>
                <span class="tooltip">text for second item</span>
            </li>

        </ul>

Код Javascript

        $('ul li').qtip({
            content: $(this).find('span.tooltip').text(),
            show: 'mouseover',
            hide: 'mouseout'
        })

Answer 1

Используйте цикл .each(), чтобы вы могли ссылаться на элемент при запуске плагина на нем, например:

$('ul li').each(function() {
  $(this).qtip({
    content: $(this).find('span.tooltip').text(),
    show: 'mouseover',
    hide: 'mouseout'
  });
});