jQuery: Show tooltip without link

Question

Is it possible to show a tooltip without making a link?

For example, I have the following code without a link:

<ul class="letters" title="This is the title">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>

So how can I show the tooltip "This is the title" when I mouse over on it?

Btw, I don't want to use any tooltip plugin.

Answer 1

Get the title attribute

title = $('.letters').attr('title');

And work it from there. There's no magical "title_tooltip_popup()" function in Jquery, so you might consider making your own or using a plugin.

---

Remember that if you're working with classes this selector

$('.letters')

might reference more than 1 element

Answer 2

Reffer following link

Ref:- http://jquery.bassistance.de/tooltip/demo/