Cách thêm chú giải công cụ vào td trong một bảng

Question

Ai đó có thể cho tôi ví dụ về thêm chú giải công cụ mỗi khi tôi di chuột td trong một table.

Nội dung của chú giải công cụ phải đến từ các bản ghi cơ sở dữ liệu.

Ví dụ:

Nếu tôi di chuột Một tên trên bàn .. các tooltip phải hiển thị/thông tin của mình.

Answer 1

<?php 
    $test = "Test" 
?> 

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

Answer 2

Sử dụng title thuộc tính:

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

Live Demo:http://jsfiddle.net/GpU5f/

Answer 3

Bạn sẽ nhận được một tooltip trên di chuột nếu bạn thêm 'danh hiệu = "bất cứ điều gì "' Đến <td>:

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

Trường hợp nội dung tiêu đề xuất phát từ một câu chuyện khác nhau và có lẽ khó khăn hơn, nhưng có lẽ bạn có thể sắp xếp cho mã chương trình được cung cấp innerText của tế bào để làm tương tự cho các tế bào của title=....

HTH

- pete

Answer 4

kể từ khi câu hỏi ban đầu đã được gắn thẻ jquery và không ai trong số các ví dụ đề cập này (tuy nhiên không đáng kể), nó chỉ là một vấn đề của

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

Answer 5

Trong angular.js nó có thể hoạt động như sau: -

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