Obtenir l'élément actuel dans l'objet Jquery

Question

C'est un peu difficile pour moi de l'expliquer. J'utilise qtip pour afficher les info-bulles sur les éléments de la liste.

Ce que je voudrais faire est d'afficher le contenu de l'intervalle avec la classe "info-bulle" comme texte pour l'info-bulle.

Je suis en train de ce code mais il renvoie le texte dans toutes les balises span comme ce
« texte pour le premier texte de l'élément pour la deuxième option »
dans toutes les info-bulles.

** Code 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> 

code Javascript

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

Answer 1

Utilisez une boucle .each() de sorte que vous pouvez référencer l'élément que vous exécutez le plug-in sur elle, comme ceci:

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