Question

我有一个带有列的html表：id | name | short | info ...

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

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

这是表格结构的链接：

Answer 1

我建议您使用jQuery UI工具提示，它使用起来非常简单。

我认为你应该遍历所有＆lt; 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答案，所以如果我的英语不好，我道歉。

希望它真有帮助！

用于html表的JQuery工具提示

1 个答案: