获取对象Jquery中的当前元素

Question

我要解释这一点有点困难。我正在使用 qtip 在列表项上显示工具提示。

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

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

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