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 显示包含当前表行悬停信息的div_Javascript_Jquery_Hover_Jquery Hover_Mousehover - Fatal编程技术网

Javascript 显示包含当前表行悬停信息的div

Javascript 显示包含当前表行悬停信息的div,javascript,jquery,hover,jquery-hover,mousehover,Javascript,Jquery,Hover,Jquery Hover,Mousehover,我有一个包含许多行的表,每一行都有自己的id。我希望当我悬停该行时,我可以获取它的id(我将处理php以获取数据),并附加到div(悬停后div将淡出) số 人事军官 số Hợpđồng số 霍安 多恩希ệP 吴ườ伊穆阿 销售额 Ngáy tạo Tình trạng 奇蒂ếT 使用jquerybindtable tr悬停并从中获取id $('#航路点稳定tr')。悬停(函数(){ console.log($(this.attr('id')); }); 一些文本 一些文本 一些文本

我有一个包含许多行的表,每一行都有自己的id。我希望当我悬停该行时,我可以获取它的id(我将处理php以获取数据),并附加到div(悬停后div将淡出)


số 人事军官
số Hợpđồng
số 霍安
多恩希ệP
吴ườ伊穆阿
销售额
Ngáy tạo
Tình trạng
奇蒂ếT

使用jquerybind
table tr
悬停并从中获取
id

$('#航路点稳定tr')。悬停(函数(){
console.log($(this.attr('id'));
});

一些文本
一些文本
一些文本

下面是一个在悬停时获取Id的示例

$('table tbody tr')。悬停(函数(){
console.log($(this.attr('id'))
})

测验
测验
测验
测验

最好的方法是编写一个悬停函数

$('#table tr').on('hover',function(){

var id =  $(this).attr('id');
 })

最好使用
mouseenter
event而不是hover,因为当您将指针移到行上或离开行时,将触发hover事件。 因此,当您在一行上输入指针和离开时,它将启动您的php请求两次。因此,它可能会将info DIV留在行中,并且不会消失

相反,请使用如下鼠标:

$('table tbody tr').on('mouseenter',function(){
    var id =  $(this).attr('id');
});
在beginning中添加隐藏到tbody的类。
$(“#listtemp tr”).hover(函数(){
id=$(this.attr('id');
$.ajax({
键入:“POST”,
数据类型:“json”,
url:'要获取数据的php文件的名称',
数据:{id:id},//正在将id发送到php文件
成功:功能(响应){
$('tbody').removeClass('hidden');
$('tbody').fadeOut();
}
});
});
})

那么您的问题是什么?我不知道如何获取我悬停的每一行的id。请将您的表结构添加到问题中显示代码。
$('table tbody tr').on('mouseenter',function(){
    var id =  $(this).attr('id');
});
In the beiginning add class hidden to tbody.
<script>
$("#listtemp tr").hover(function (){
    id = $(this).attr('id');
    $.ajax({
            type: 'POST',
            dataType: 'json',
            url: 'name of php file to get data',
            data: { id: id }, //sending id to php file
            success: function(response) {
                $('tbody').removeClass('hidden');
                $('tbody').fadeOut();
            }
        });
    });
})
</script>