Jquery html in tooltips

Question

I have a simple jQuery tooltip script:

it pulls the title tag in the link in the following line:

var title = jQuery(this).attr('title');

And inserts it into the tooltip in this bit:

.text(title)

Is it possbile to add html like a h2 to the title variable like so:

.text("<h2>" + title + "</h2>")

Thank you any help would be appreciated as i am very new to jQuery :)

Side note: Refer to demos and api; you do not need to use .hover() and .mouseover() to control tooltip. Example: in place of .mouseover(), you can simply use track option. — Dom
– Dom, Commented Jul 30, 2013 at 14:57

ninja · Accepted Answer · 2013-07-30 14:56:43Z

1

Instead of using .text() you can use .html(), then you can set HTML as you are describing.

 .html('<h2>' + title + '</h2>);

answered Jul 30, 2013 at 14:56

ninja

2,2831 gold badge15 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2613424 · Accepted Answer · 2013-07-30 15:08:55Z

0

If I understand you correct, just change:

jQuery('<p class="ttip"></p>')

to

jQuery('<h2 class="ttip"></h2>')

in your javascript.

answered Jul 30, 2013 at 15:08

user2613424

212 bronze badges