jquery - jqueryを使用してセルホバーにツールチップを表示する方法

Question

jsfiddleで参照 セルのマウスホバーで、jqueryを使用してツールチップに名前を表示する必要があります

このようにジョンは修正しました

 <td class="csstdRed" valign="top"><span id=32>John</span></td>

Answer 1

JFiddle コードを編集しました。これが私が追加したものです

$('#tableAppointment 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();
}

次に、タイトルを td に追加しました

<td class="csstdRed" title="John Fixed" valign="top"><span id=32>John</span></td>

これがあなたを助けることを願っています。このアイデアは、jquery を使用して "td" にツールチップを追加する方法から得たものですか? これがあなたが望んでいたことだと思います。

ありがとう..