2010-11-27 10 views
1

설명하기가 다소 어렵습니다. qtip을 사용하여 목록 항목에 툴팁을 표시합니다.개체 Jquery에서 현재 요소 가져 오기

저는 "툴팁"클래스가있는 범위의 내용을 툴팁의 텍스트로 표시하려고합니다.

나는, 그러나 그것은 모든 툴팁이
"두 번째 항목에 대한 첫 번째 항목 텍스트에 대한 텍스트"
같은 모든 범위 태그의 텍스트를 반환이 코드를하려합니다. 이처럼, 그 위에 플러그인을 실행 당신이 요소를 참조 할 수 있도록

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

자바 스크립트 코드

 $('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

완벽한 :) 감사합니다. –