Holen Sie das aktuelle Element in Objekt Jquery

Question

Es ist ein bisschen schwierig für mich, dies zu erklären. Ich verwende qtip, um Tooltips für Listenelemente anzuzeigen.

Was ich tun möchte ist, zeigen Sie den Inhalt in der Spanne mit der Klasse "Tooltip" als Text für Tooltip.

Ich versuche, diesen Code jedoch den Text in allen span-Tags wie dieser
„Text für die ersten Positionstext für die zweite Position“
in allen Tooltips zurückzukehren.

** HTML-Code **

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

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

Answer 1

eine .each() Schleife verwenden, so dass Sie das Element verweisen können, wie Sie das Plugin darauf laufen, wie folgt aus:

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