获取对象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'
  });
});