jquery - 如何使用 jquery 将工具提示添加到 "td"？

Question

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

有人可以帮帮我吗？

我试过:

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

我已验证我将“td”用作“this”。

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

Answer 1

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

更好的方法可能是将 title 属性放在 HTML 中。这样，如果有人关闭了 javascript，他们仍然会得到一个工具提示(尽管不像您使用 jQuery 那样漂亮/灵活)。

<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();
}