[jQuery] Tootip on multiple elements with same id
I have a php page where retrieve rows from a table.
Eeach displayed row shall have a tooltip with some info about that
content.
I use http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
There can be many rows on the page and everyone will have a span with
id="tooltip".
I initialize tooltip with the following statement:
$("#tooltip").tooltip({
track: false,
delay: 0,
showURL: false,
fixPNG: true,
extraClass: "pretty",
top: -15,
left: 5
});
unfortunatley, tooltip works only on first row and the other will just
appeart the title and not the tooltip.
I know I can call the tooltip function by telling wich IDs the tooltip
shall be applied, but as I can have 40/50 rows per page, I dont't
wanna spam my code with such a ugly code:
$
("#tooltip1,#tooltip2,#tooltip3,#tooltip4,#tooltip5,#tooltip6,#tooltip7........").tooltip
Any help or idea?