JS实现鼠标悬停列标题有超链时标题高亮显示

$("td").mouseover(function(){ //鼠标悬浮在单元格上事件 var id=$(this).attr("id"); //获取鼠标当前所在单元格的id var num=id.search("-"); //获取id中“-”符号第一次出现的索引 var id1=id.substr(0,num).replace(/[^a-z]+/ig,""); //截取id值中的字母即列号 var id2=id.substr(num,id.length-num); //截取id id=id1+"1"+id2; //设置id为鼠标所在单元格的列表标题的单元格id，1表示列标题所在行 if($('td[id^='+id+']').attr('class').indexOf('celink')!==-1) //判断列标题是否包含超链接的class { $('td[id^='+id+']').css({'background':'yellow'}); //设置列标题单元格的背景色 } }); $("td").mouseleave(function(){ //鼠标离开单元格事件 var id=$(this).attr("id"); var num=id.search("-"); var id1=id.substr(0,num).replace(/[^a-z]+/ig,""); var id2=id.substr(num,id.length-num); id=id1+"1"+id2; //设置id为鼠标所在单元格的列表标题的单元格id，1表示列标题所在行 $('td[id^='+id+']').css({'background':'#e7ebf1'}); //设置列标题单元格的背景色为原来的背景色 });