2010-11-27 38 views
1

对于我来说,解释它有点困难。我正在使用qtip来显示列表项目上的工具提示。获取对象中的当前元素Jquery

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

我想这个代码,但它在所有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' 
     }) 

回答

4

使用.each()循环,使您可以根据在其上运行的插件,这样引用元素:

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

完美:)谢谢 – 2010-11-27 20:11:23