鼠标悬停,显示详情 最简单的方法

来源:互联网 发布:计算机技术与软件试题 编辑:程序博客网 时间:2024/05/16 01:08
 动态加载出table里td的值之后,因为内容很长,用css的溢出显示省略号,这时候想鼠标悬停显示所有的详情内容。可以这样:给每个td设置title属性,title等于td的值 

$("#tab tr td").each(function(){$(this).attr("title",$(this).text());});

注:这里的#tab是table的id。

考虑到加载table数据需要时间,这段代码并不能写在$(function(){  })里面,因为初始加载时td里面还没有值, 可以这样写:

$(function(){setTimeout("xx()" , 1000);})function xx(){$("#tab tr td").each(function(){$(this).attr("title",$(this).text());});}



0 0