how to get html table td attribute unique id with jquery - php

Question

hi guys I'm trying go create tool tip for every HTML table cell do you guys have any idea how can i get td attribute id here
thanks a lot
jquery code sample
$(function () {
$(".test").hover(
function () {
var toolTipHtml = $("#ToolTipDiv").clone();
$(this).append(toolTipHtml);
toolTipHtml.show("slow");
},
function () {
var toolTipHtml = $(this).find(".tooltip");
toolTipHtml.hide();
toolTipHtml.remove();
}
);
});
echo "<table>";
while($row = mysql_fetch_array($result))
{
$id = $row['id_out_org'];
echo "<tr>";
echo "<td>" .$row['KG']."</td>";
echo "<td class='test'>" .$row['B']."</td>";
echo "<td >" .$row['B']."</td>";
echo "<td class='test'>";
echo "<div id = 'ToolTipDiv' class='tooltip' style='background-color: White; display: none; width: 20%;'>";
echo "Total: $ "; echo $totalp = $total + $fuel;
echo "</div>";
"</td>";
echo "</tr>";
}
echo "</table>";

Answer 1

Use a catch-all selector and then iterate over them:
$("td[id$=ToolTipDiv_]").each(function() {
$(this).attr('title', 'some tool tip');
});

Answer 2

Better you use this open source plug in
Tooltip
It might fulfill your need.
See examples here
$('#table td.test').tooltip();

Answer 3

To get the HTML and ID from every table cell:
$('td').each(function() {
var toolTipHtml = $(this).html(); // now you have the contents of the cell
id = $(this).attr('id'); // now you have the id
});

Answer 4

since you are using a Hoover you may use something like this
$('.tooltip').hover(function() {
alert(this.id);
// or to get the id of the row
var toolTipHtml = $("#"+this.id).clone();
});