jquery - オブジェクトJqueryの現在の要素を取得する

Question

これを説明するのは少し難しいです。リスト項目にツールチップを表示するためにqtipを使用しています。

私がやりたいことは、ツールチップのテキストとしてクラス「ツールチップ」を使用してスパン内のコンテンツを表示することです。

私はこのコードを試していますが、すべてのツールチップでこの
「最初のアイテムのテキストのテキスト」のようなすべてのスパンタグのテキストを返します
。

** 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'
  });
});