为表格单元格添加悬停显示

Question

我有一个表格，但它不是列表格式，这意味着不是列/行格式。我寻找特定的单元格以添加显示单元格描述的悬停事件。

$("#TableID td").hover(function(){
//ifCellThatIWant
   $(this).append("<span>Message that was brought in</span>");
   },
   function(){
    $(this).children().remove();
    });

现在的问题是悬停显示一个跨度（带有信息。内部），我在鼠标悬停时使用 jquery 将跨度附加到单元格，这会扩展单元格，这是我不喜欢的效果或想要。我正在尝试从表外看，但仍然是触发事件的单元格；因为如果跨度有很多信息。在其中，动态扩展单元格将开始看起来很讨厌。如果我对如何使鼠标悬停“描述”跨度的显示看起来不错有某种类型的 css 方向，也将有所帮助。我的想法是实现我想要的一种方法是在悬停时将附加的跨度提供给鼠标光标的位置，但不确定它是否正确或语法是什么样的。

Answer 1

将跨度显示为块并将 z-index 设置为大于页面上的任何其他内容。然后您可以将其绝对定位并将 left 和 top 属性设置为鼠标位置的 x 和 y 位置。

编辑：

这是我的意思的演示 --> http://jsbin.com/odape。我建议不要添加跨度，而是在 html 底部创建一个占位符以用于每个单元格，然后更改要显示的文本（不确定您是如何将其引入的，所以我没有将其添加到我的例子。