php - 如何使用 jquery 获取 html 表 td 属性的唯一 ID

Question

大家好，我正在尝试为每个人创建工具提示，HTML table cell你们知道如何td在这里获取属性 ID

非常感谢 jquery 代码示例

   $(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

最好使用Tooltip中的这个开源插件

它可能会满足您的需求。在此处查看示例

$('#table td.test').tooltip();

Answer 2

使用一个包罗万象的选择器，然后遍历它们：

$("td[id$=ToolTipDiv_]").each(function() {
    $(this).attr('title', 'some tool tip');
});

Answer 3

因为你使用的是胡佛，你可以使用这样的东西

$('.tooltip').hover(function() {
   alert(this.id);
   // or to get the id of the row
var toolTipHtml = $("#"+this.id).clone();
});

Answer 4

要从每个表格单元格中获取 HTML 和 ID：

$('td').each(function() {
  var toolTipHtml = $(this).html(); // now you have the contents of the cell
  id = $(this).attr('id');  // now you have the id
});