jQuery Simpletip plugin to use the title attribute

Question

How can you make the SimpleTip plugin use each element's title attribute for the tooltip text when you're applying it to a group of elements?

$('td[title]').simpletip({
    content : << this element's title attribute >>
});

score 5 · Accepted Answer · edited Mar 19 '09 at 06:15

5

I think this will work for you

$('td[title]').each(function() {
    $(this).simpletip({
        content : $(this).attr('title')
    });
});

edited Mar 19 '09 at 06:15

nickf

answered Mar 19 '09 at 05:40

Ken Browning

Ouch! Beaten by 38 seconds! With (almost) the exact same code, too. Mine doesn't have a syntax error, though. ;P – strager Mar 19 '09 at 05:41
ill vote for yours if you vote for mine haha. anyways, i was missing the ; at first too. i thought "this guy stole my post, typo and all!" ;) – Ken Browning Mar 19 '09 at 05:43

score 4 · Answer 2 · answered Mar 19 '09 at 05:41

4

$('td[title]').each(function() {
    $(this).simpletip({
        content : $(this).attr('title')
    });
});

answered Mar 19 '09 at 05:41

strager

score 1 · Answer 3 · answered Mar 19 '09 at 05:36

I found a hack to do it:

In the Simpletip source code, around line 25:

// change this line:
.html(conf.content)
// to this
.html(conf.content ? conf.content : elem.attr('title'))

and then when you call the simpletip function:

$('td[title]').simpletip({
    content: false
});

Yep, it's a bit hacky, but it works.

3 Answers3