테이블의 td에 툴팁을 추가하는 방법

Question

table에 td을 올릴 때마다 툴팁을 추가하는 예를 들려 줄 수 있습니까?

툴팁 내용은 데이터베이스 레코드에서 가져와야합니다.

예 : 나는 테이블에 이름을 가져 가면

가 .. 툴팁이 그/그녀의 정보를 표시해야합니다.

Answer 1

<?php 
    $test = "Test" 
?> 

<table> 
    <tr> 
     <td title="<?php echo $test; ?>">Hi there</td> 
    </tr> 
</table> 

Answer 2

사용에게 title 속성 :

<table> 
    <tr> 
     <td> 
      <a href="#" title="John Smith lives in New York."> John Smith </a> 
     </td> 
    </tr> 
</table> 

라이브 데모 : 당신이 추가하면 당신은 호버에 툴팁을 얻을 것이다http://jsfiddle.net/GpU5f/

Answer 3

을 '제목 = "뭐든간에 " '에 <td> :

제목의 내용이 다른 아마도 더 어려운 이야기에서 유래하지만, 아마도 당신은 셀의 동일한 작업을 수행 할 세포의 innerText와를 제공하는 프로그램 코드를 정렬 할 수 있습니다

<tr><td title="whatever">hover here to see "whatever" in a tooltip</td> 

title=....

HTH

- 원래의 질문이 예 JQuery와 및 없음 태그 이후 피트

Answer 4

언급, 그것은

$(tdSelector).attr('title', titleText);

Answer 5

의 문제가에서의이 (그러나 사소한) angular.js 다음과 같이 작동 할 수 있습니다. -

<table> 
<tr ng-repeat="data in list"> 
<td class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#tableRoceMovement"data-original-title="{{data.value}}" title="{{data.value}}"data-placement="bottom" data-html="true" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.value}}</td> 
</tr> 
</table>