2010-11-27 34 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