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"

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"

• javascript
• jquery
• html
• css

Share Improve this question Follow asked Aug 25, 2016 at 6:06 NimmiNimmi 69099 silver badges1919 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 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./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <th id="metricsHead" >Grade_Desc</th>
</table>

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

other option from jquery is

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

You can set the title attribute with jQuery.

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