Jquery로 링크 제목 정보를 얻는 방법은 무엇입니까?

Question

나는 아래 테이블을 가지고있다. 누군가가이 이름 위에 마우스 커서를 가지고 있다면 누군가의 세부 정보를 얻고 싶습니다. 예를 들어 누군가 "John"이름 위로 커서를 가져 가면 "위치 : 미국, 성별 : 남성, 도시 : 로스 앤젤레스"라는 정보가 표시됩니다. jQuery로 어떻게 할 수 있습니까?

<table cellspacing="0" cellpadding="2" border="1" width="100%" class="tariff_table"> 
<tbody> 
<tr> 
<td width="150" valign="top" class="title_td"> 
<strong>Name</strong></td> 
<td valign="top" class="title_td"> 

<strong>Surname</strong><strong></strong> 
<p></p></td> 
<td valign="top" class="title_td"> 

<strong>Middle Name </strong></td> 
</tr> 
<tr> 
<td valign="top"> 

John</td> 
<td valign="top"> 

Locaste</td> 
<td valign="top"> 

Sawqa</td> 
</tr> 
<tr> 
<td valign="top"> 

Jafde</td> 
<td valign="top">Saqzw</td> 
<td valign="top"> 

Porda</td> 
</tr> 
</tbody></table> 

Answer 1

참조하십시오.

http://jsfiddle.net/8yQGW/2/

당신은 당신의 도구 설명을 포함하는 고정 요소를 만들 수 있습니다. 행/셀 위에 마우스를 올리면 표시됩니다. 마우스 아웃하면 숨 깁니다. 꽤 직설적 인.

마우스 포인터를 움직이면 숨기기 코드가 실행되기 때문에 약간의 버그가 있습니다. 호버에서 mousemove로 전환하고 툴팁이 커서를 따라 가도록 할 수 있습니다. 당신은 당신의 의도를 짐작하지 않으려 고하지 않았습니다.

$('td').hover( 
    function(e) { 
     console.log(e.clientX + ' : ' + e.clientY); 
     $('.tooltip').html($(this).html()).css({ top: e.clientY + 15, left: e.clientX + 15 }).fadeIn('fast'); ; 
    },  
    function(e) { $('.tooltip').fadeOut('fast'); } 
); 

Answer 2

이 제품을 찾고 계십니까? 이것은 일부 조정이 필요하지만, 당신이 원하는 기본적 인 demo

http://pupunzi.open-lab.com/2009/02/07/mbtooltip/