オブジェクト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' 
    }); 
});