Jquery datatables 使用鼠标悬停功能获取数据表单元格的行和列

Jquery datatables 使用鼠标悬停功能获取数据表单元格的行和列,jquery-datatables,Jquery Datatables,我不熟悉使用数据表 要求是:当我将鼠标悬停在表格(4列表格)上时,获取单元格行号和列号。当我将鼠标悬停在每行的第二列上时,我必须显示一个弹出窗口,描述第二列的值(我将其隐藏在第四列中) 我四处搜索,得到了关于列号的信息,但没有同时得到行号和列号 我使用的代码如下: jQuery(document).ready(function() { var oTable = $('#example').dataTable( { "bSortClasses": false } )

我不熟悉使用数据表

要求是:当我将鼠标悬停在表格(4列表格)上时,获取单元格行号和列号。当我将鼠标悬停在每行的第二列上时,我必须显示一个弹出窗口,描述第二列的值(我将其隐藏在第四列中)

我四处搜索,得到了关于列号的信息,但没有同时得到行号和列号

我使用的代码如下:

jQuery(document).ready(function() {
    var oTable = $('#example').dataTable( {
        "bSortClasses": false
    } );

    $('td').hover( function( nRow, aData, iDisplayIndex ) {
        var iCol = $('td').index(this)%4 ;
        console.log(iCol);
        var iRow = $('tr').index(this) ;
        console.log(iRow);

        if(iCol=='1'){ // if 2nd col
        console.log(aData[3]);// this is the description i have to show- How to show this value 
        }
    }, function() {

    } );

}); 
在上面的代码中,我得到了col no,但我的iRow返回-1,aData[iCol]将我的错误显示为
uncaughttypeerror:无法读取未定义的
的属性“3”。这是因为aData本身是未定义的。那么,为了得到第4列中的值,我必须使用什么呢

我也尝试了以下方法:

  • 如果我更改
    tr
    的悬停,而不是
    td
    -->$('tr')。悬停(函数(nRow、aData、iDisplayIndex)…,我会得到行号,但iCol上的列不会返回-1
  • 如果我将鼠标悬停更改为检查表#example-->$('#example').hover(函数(nRow、aData、iDisplayIndex)…,则iRow和iCol都会得到-1
  • 我试着用

    var data = oTable .fnGetData(this);
    console.log(data);
    
    数据返回给我

  • $('td')的列值。悬停
  • $('tr')的行值。悬停…但由于我没有输入iCol值,因此无法获取数据[iCol]

  • 我得到了行和列

    $('#example tbody td').hover( function( e) {
      var iPos = oTable.fnGetPosition( this );
      var iCol = iPos [1];
      var iRow = iPos[0];
    
    }))


    谢谢

    如果你的问题更容易阅读,你会得到更多有用的答案。试着清理一下!祝你好运
    无法读取未定义
    的属性'3',我看到的唯一3个是aData[
    3
    ],它的未定义含义
    aData
    是未定义的。我使用了语法函数SSpoke(nRow、aData、iDisplayIndex)与我们用于fnRowCallback的类似。在这里它不起作用。您知道如何获取第3列的值。谢谢