Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取数据表';td';鼠标悬停列值用于显示工具提示的列值_Javascript_Jquery_Datatable - Fatal编程技术网

Javascript 如何获取数据表';td';鼠标悬停列值用于显示工具提示的列值

Javascript 如何获取数据表';td';鼠标悬停列值用于显示工具提示的列值,javascript,jquery,datatable,Javascript,Jquery,Datatable,如何获取dataTable“td”列值,以便在鼠标悬停任何列时显示工具提示。我尝试了一些代码,但我得到了整行的值。是否有任何方法可以获得精确的单击列值。如果有的话,请建议我。在这里,我需要显示带有列数据的工具提示,只要我们可以将鼠标悬停在表中 $(document).ready(function() { table = $('#example').DataTable(); $('#example tbody').on( 'click', 'tr', function ()

如何获取dataTable“td”列值,以便在鼠标悬停任何列时显示工具提示。我尝试了一些代码,但我得到了整行的值。是否有任何方法可以获得精确的单击列值。如果有的话,请建议我。在这里,我需要显示带有列数据的工具提示,只要我们可以将鼠标悬停在表中

$(document).ready(function() {    
    table = $('#example').DataTable();
   $('#example tbody').on( 'click', 'tr', function () {
        var rowdata = table.row( this ).data();
    });
} );

您可以使用
$(this).text()
获取内容

onclick的代码:

$(document).ready(function () {
    var table = $('#example');
    $('#example tbody').on('click', 'tr td', function () {
        alert($(this).text());
    });
});
悬停的代码和示例:

$(document).ready(function () {
    var table = $('#example');
    $('#example tbody').on('click', 'tr td', function () {
        alert($(this).text());
    });
});
当您将鼠标光标保持在一个位置一秒钟时。脚本将从字段返回信息

此代码的工作原理:

  • 记录上次光标移动的时间。每秒获取当前时间。然后从最后一个乐章的时间中减去现在时。如果结果大于1秒。条件满足了

  • 检查鼠标光标是否位于“#example”元素上。(如果没有这样的检查,光标离开屏幕……脚本将报告它没有移动,并将满足错误条件)

  • 为了避免在任务完成后的一秒钟内反复返回结果。变量“show”设置为“false”。将鼠标光标移动到变量“show”后,该变量再次设置为“true”

  • $(文档).ready(函数(){
    变量表='#示例';
    var-mouseMove;
    var-txt;
    var show=true;
    $(表).on('mousemove',函数(e){
    mouseMove=newdate().getTime();
    show=true;
    });
    $(table+'tbody')。on('mouseenter','tr td',function(){
    txt=$(this.text();
    });
    setInterval(函数(){
    var curTime=new Date().getTime();
    如果(curTime-mouseMove>1000&&$(表+':hover')。长度!=0&&show){
    console.log(txt);
    show=false;
    }
    }, 1000)
    });
    
    
    名称
    位置
    办公室
    年龄
    开始日期
    薪水
    名称
    位置
    办公室
    年龄
    开始日期
    薪水
    老虎尼克松
    系统架构师
    爱丁堡
    61
    2011/04/25
    $320,800
    加勒特温特斯
    会计
    东京
    63
    2011/07/25
    $170,750
    阿什顿考克斯
    初级技术作者
    旧金山
    66
    2009/01/12
    $86,000
    塞德里克·凯利
    高级Javascript开发人员
    爱丁堡
    22
    2012/03/29
    $433,060
    佐藤航空
    会计
    东京
    33
    2008/11/28
    $162,700
    布里尔·威廉姆森
    集成专家
    纽约
    61
    2012/12/02
    $372,000
    赫罗德·钱德勒
    营业员
    旧金山
    59
    2012/08/06
    $137,500
    罗娜·戴维森
    集成专家
    东京
    55
    2010/10/14
    $327,900
    科琳赫斯特
    Javascript开发人员
    旧金山
    39
    2009/09/15
    $205,500
    索尼娅·弗罗斯特
    软件工程师
    爱丁堡
    23
    2008/12/13
    $103,600
    杰娜·盖恩斯
    办公室经理
    伦敦
    30
    2008/12/19
    $90,560
    奎因·弗林
    支撑导线
    爱丁堡
    22
    2013/03/03
    $342,000
    查尔德·马歇尔
    区域主任
    旧金山
    36
    2008/10/16
    $470,600
    海莉·肯尼迪
    高级市场设计师
    伦敦
    43
    2012/12/18
    $313,500
    塔蒂亚娜·菲茨帕特里克
    区域主任
    伦敦
    19
    2010/03/17
    $385,750
    迈克尔·席尔瓦
    营销设计师
    伦敦
    66
    2012/11/27
    $198,500
    柏德
    首席财务官(CFO)
    纽约
    64
    2010/06/09
    $725,000
    格洛丽亚·利特尔
    系统管理员
    纽约
    59
    2009/04/10
    $237,500
    布拉德利·格里尔
    软件工程师
    伦敦
    41
    2012/10/13
    $132,000