如何给工具提示 <th> HTML中表格的元素

Question

How to give tooltip to element of table while hover the element.

<th id="metricsHead">Grade_Desc</th>

While hovering the element the tooltip should be "Grade Description"

Answer 1

document.getElementById('metricsHead').title = 'your new title';

jQuery的另一个选择是

$('#metricsHead').prop('title', 'your new title');

Answer 2

Just set the title attribute

 <table> <th id="metricsHead" title="Grade Description">Grade_Desc</th> </table> 

if you want to set it dynamically

 $('#metricsHead').attr('title', "Grade Description") 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <th id="metricsHead" >Grade_Desc</th> </table> 

Answer 3

您可以使用jQuery设置title属性。

$("#metricsHead").attr("title", "Grade Description");