Javascript 显示包含当前表行悬停信息的div
我有一个包含许多行的表,每一行都有自己的id。我希望当我悬停该行时,我可以获取它的id(我将处理php以获取数据),并附加到div(悬停后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')); }); 一些文本 一些文本 一些文本
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的示例
$('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>