如何将工具提示添加到"；运输署"；用jquery？

我需要使用jquery向表中的“td”元素添加工具提示/alt

有人能帮我吗

我试过：

var tTip ="Hello world";
$(this).attr("onmouseover", tip(tTip));

我已验证我使用“td”作为“this”

**编辑：**我能够通过使用“alert”命令捕获“td”元素，并且成功了。因此，出于某种原因，“提示”功能不起作用。有人知道为什么会这样吗

$(this).mouseover(function() {
    tip(tTip);
});

更好的方法可能是将

title

属性放入HTML中。这样，如果有人关闭了javascript，他们仍然会得到一个工具提示（尽管没有jQuery那么漂亮/灵活）

---

你可能想看看

如果你真的想把这些工具提示放在表格单元格上而不是你的表标题——在那里它们会更有意义——请考虑把它们放在表格单元格内的内容中，在那里它更有意义。

GRDLIST表ID td:n第n个子（5）-列

grdList-表id

---

td:nth child（5）-第5列

您能详细说明一下吗？发生了什么事？是否有任何错误消息？你真的有一个名为“tip”的函数吗？这对我帮助很大，但是如果你的单元格中有超链接，用

$（This）.text（）而不是
$（This）.html（）
作为标题更有意义。
<table id="myTable">
    <tbody>
        <tr>
            <td title="Tip 1">Cell 1</td>
            <td title="Tip 2">Cell 2</td>
        </tr>
    </tbody>
</table>

$('#myTable td[title]')
    .hover(function() {
        showTooltip($(this));
    }, function() {
        hideTooltip();
    })
;

function showTooltip($el) {
    // insert code here to position your tooltip element (which i'll call $tip)
    $tip.html($el.attr('title'));
}
function hideTooltip() {
    $tip.hide();
}

var tTip ="Hello world";
$(this).mouseover( function() { tip(tTip); });

$('#grdList tr td:nth-child(5)').each(function(i) {
    if (i > 0) { //skip header
        var sContent = $(this).text();
        $(this).attr("title", $(this).html());
        if (sContent.length > 20) {
            $(this).text(sContent.substring(0,20) + '...');
        }
    }
});

$('#grdList tr td:nth-child(5)').each(function(i) {
    if (i > 0) { //skip header
        var sContent = $(this).text();
        $(this).attr("title", $(this).html());
        if (sContent.length > 20) {
            $(this).text(sContent.substring(0,20) + '...');
        }
    }
});