Javascript 表中每个单元格上的动态工具提示文本

我可以使用title为表格的每个单元格设置工具提示
但是有没有办法使工具提示文本成为动态的？
例如，当我将鼠标悬停在表格的任何单元格上时，它会显示有关该单元格的信息以及整行的信息

<td title="something">46879</td>

这就是我的意思：

---

您必须为表格的每个单元格创建标题属性

在下面的Fiddle中，一个did循环抛出每一行，在这些行中，a获取除当前单元格（

.not（this）

）之外的每个单元格的文本和标题，然后将title属性设置为最后一行

---

请参见此

您必须为表格的每个单元格创建一个标题属性

在下面的Fiddle中，一个did循环抛出每一行，在这些行中，a获取除当前单元格（

.not（this）

）之外的每个单元格的文本和标题，然后将title属性设置为最后一行

---

参见此

请查看以下解决方案。注意，我为列添加了一个额外的变量。让我知道这是否有效，或者此解决方案是否存在任何问题

$（文档）.ready（函数（）{
var columns=['Names'，'regnumber'，'ID Code']
$（'#示例tbody tr'）。每个（函数（）{
变量单元格=$（'td'，this）；
var titleArr=cells.map（函数（索引）{
返回列[index]+'='+this.innerHTML；
});
单元格。每个（函数（索引）{
var FINALTOLTIP=标题过滤器（函数（i）{
返回索引！==i；
});
$（this.attr（'title'，finalTooltip.toArray（）.join（'，'））
})
变量名称=单元格[0]；
var regNumber=单元格[1]；
var idCode=单元格[2]；
});
var-oTable=$（'#示例'）.dataTable（）；
$（oTable.fnGetNodes（））。工具提示({
“延迟”：0，
“轨迹”：正确，
“褪色”：250
});
});

名字
注册号
身份证号码
赖安
49765
34
约翰
58964
42
丹尼尔
472658
24
请查看以下解决方案。注意，我为列添加了一个额外的变量。让我知道这是否有效，或者此解决方案是否存在任何问题


$（文档）.ready（函数（）{
var columns=['Names'，'regnumber'，'ID Code']
$（'#示例tbody tr'）。每个（函数（）{
变量单元格=$（'td'，this）；
var titleArr=cells.map（函数（索引）{
返回列[index]+'='+this.innerHTML；
});
单元格。每个（函数（索引）{
var FINALTOLTIP=标题过滤器（函数（i）{
返回索引！==i；
});
$（this.attr（'title'，finalTooltip.toArray（）.join（'，'））
})
变量名称=单元格[0]；
var regNumber=单元格[1]；
var idCode=单元格[2]；
});
var-oTable=$（'#示例'）.dataTable（）；
$（oTable.fnGetNodes（））。工具提示({
“延迟”：0，
“轨迹”：正确，
“褪色”：250
});
});

名字
注册号
身份证号码
赖安
49765
34
约翰
58964
42
丹尼尔
472658
24
请为它创建一个工作的plunker/fiddler。这将有助于快速回答。我在我的问题中添加了小提琴，我自己编写了这些工具提示，我想知道我是否可以动态地完成它。你的意思是显示整行的信息吗？在每个TOOTIP中显示所有cels信息？我的意思是，当我将鼠标悬停在表格的任何单元格上时，工具提示将显示该单元格行上的数据，请参见myu fiddle，它的Clear请为它创建一个工作的plunker/fiddler。这将有助于快速回答。我在我的问题中添加了小提琴，我自己编写了这些工具提示，我想知道我是否可以动态地完成它。你的意思是显示整行的信息吗？在每个TOOTIP中显示所有cels信息？我的意思是，当我将鼠标悬停在表格的任何单元格上时，工具提示会显示该单元格行上的数据，请参见myu fiddle，它的清晰性直到无法理解，对于tr来说，文本是动态的是什么意思？请更明确地表达你的需求，你想要什么作为最终结果！动态，我的意思是我不键入标题我自己，它从其他列抓取它，例如，对于一个有名字，姓氏和年龄的表，如果我将鼠标悬停在“john”上，工具提示会显示john的姓氏和年龄，例如“evigan”“32”，忽略datatables示例一秒钟。您希望每行中的每个td都使用该示例吗？仍然不可理解，对于tr，文本是动态的是什么意思？请更明确地表达你的需求，你想要什么作为最终结果！动态，我的意思是我不键入标题我自己，它从其他列抓取它，例如，对于一个有名字，姓氏和年龄的表，如果我将鼠标悬停在“john”上，工具提示会显示john的姓氏和年龄，例如“evigan”“32”，忽略datatables示例一秒钟。你想为每行中的每个td显示这个吗？
$(document).ready(function() {

$('#example tbody tr').each( function() {
    var sTitle;
    var nTds = $('td', this);
    var sBrowser = $(nTds[1]).text();
    var sGrade = $(nTds[4]).text();

    if ( sGrade == "A" )
        sTitle =  sBrowser+' will provide a first class (A) level of CSS 
support.';
    else if ( sGrade == "C" )
        sTitle = sBrowser+' will provide a core (C) level of CSS support.';
    else if ( sGrade == "X" )
        sTitle = sBrowser+' does not provide CSS support or has a broken 
implementation. Block CSS.';
    else
        sTitle = sBrowser+' will provide an undefined level of CSS 
support.';

    this.setAttribute( 'title', sTitle );
} );


var oTable = $('#example').dataTable();


$( oTable.fnGetNodes() ).tooltip( {
    "delay": 0,
    "track": true,
    "fade": 250
} );
} );