Question

I basically am storing some data in the title attribute of some divs that I probably shouldn’t be. Anyways I have done it now and when I hover over these elements this information pops up in the browsers handy default tooltip.

e.g

<div title="blah blah blah">something</div>

Is there a method to stop this tooltip title functionality from working as it normally does?

Answer 1

You can remove the title attribute from your HTML element and store it elsewhere.

jQuery provides a way to store information sticked to HTML elements using $().data().

This should work:

$(document).ready(function()
{
    $('[title]').each(function()
    {
        var title = $(this).attr('title');
        $(this).data('title', title).removeAttr('title');
    });
});

You can retrieve it later using $(this).data('title')