Question

I have many table cells which I want to show a tooltip once hovered. Each td element has a rel attribute with a request URI for ajax to fetch content into a tooltip. Right now I do it like this:

$('table td.tooltipped').each(function() {
    var uri = $(this).attr("rel");
    $(this).bt({
        ajaxPath: uri,
        ajaxError: "<strong>Error!</strong> Here's what we know: <em>%error</em>."
    });
});

It seems a little redundant to me but I can’t figure out how to do it without the each loop. Any ideas?

Answer 1

From the documentation:

Ajax dynamic path:

AjaxPath is being read from the ‘href’ value of the link. This is accomplished by defining the ajaxPath as an array. The first value of the array is the jQuery code to find the path value (in this case "$(this).attr(‘href’)")…

So it would seem that you can do this:

$('table td.tooltipped').bt({
    ajaxPath: ['$(this).attr("rel")'],
    ajaxError: "<strong>Error!</strong> Here's what we know: <em>%error</em>."
});

I’ll let you test it.