JQuery的工具提示HTML表格

我有一个列的HTML表：ID |名称|短|信息...JQuery的工具提示HTML表格

现在我想，每当我将鼠标悬停在“名称”，从“信息”中，根据信息文本正在使用jQuery显示为工具提示。我正在使用flowplayer tooltip插件进行测试，但似乎无法找到选择所需数据的正确方法。

因为我不确定是否可以隐藏完整的信息列，只显示文本作为“名称”的工具提示，所以我想询问您是否可以告诉我更好的方法来完成此任务。

这里的表结构的链接：

2012-03-03 TonyC

我曾尝试过流式播放器工具提示，但从未取得过很好的成功，请参考以下工具提示http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ http://craigsworks.com/项目/ qtip /下载/ http://hernan.amiune.com/labs/jQuery-Tooltip-Plugin/jQuery-Tooltip-Plugin.html – 2012-03-03 20:37:27

我建议你使用jQuery UI提示，这是非常简单易用。

我觉得你应该遍历所有的< tr>，然后插入一个带有Info的标题的hiperlink，我认为这是最有效的方法。

$('tr').each(function(index) { 
    var x = $($(this).find('td')[3]).text(); 
    $($(this).find('td')[1]).wrap('<a href="#" title="' + x + '">' + '</a>'); 
});

这里是一个小提琴链接到我的http://jsfiddle.net/Pr5sg/16/。你必须扩大的结果，所以你可以看到更好的悬停信息。接下来你要做的是编辑CSS，以便符合你的需求。这是我的第一个stackoverflow答案，所以我道歉，如果我的英语不好。

希望它真的有帮助！

来源

2012-03-04 10:43:16

非常感谢，我会考虑这一点。 – TonyC 2012-03-05 08:51:54

JQuery的工具提示HTML表格

回答

相关问题