代码之家  ›  专栏  ›  技术社区  ›  Atif

获取对象Jquery中的当前元素

  •  1
  • Atif  · 技术社区  · 14 年前

    我有点难以解释。我在用 qtip 在列表项上显示工具提示。

    我想做的是用类“tooltip”显示span中的内容作为工具提示的文本。

    我正在尝试这段代码,但是它返回了像这样的所有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'
            })
    
    1 回复  |  直到 14 年前
        1
  •  4
  •   Nick Craver    14 年前

    使用 .each() 循环,以便在运行插件时可以引用元素,如下所示:

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