jquery - 获取对象Jquery中的当前元素

Question

这对我来说有点难以解释。我正在使用qtip在列表项上显示工具提示。

我想做的是显示跨度中的内容，其中类“工具提示”作为工具提示的文本。

我正在尝试此代码，但是它 在所有工具提示中返回所有跨度标记中的文本，例如
“第二项的第一项文本” 。

** 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'
  });
});