table中将多出的文字显示为省略号，鼠标移入时显示全部

最新推荐文章于 2024-01-30 15:55:46 发布

原创最新推荐文章于 2024-01-30 15:55:46 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery实现的鼠标悬停在表格上时，自动为每个单元格添加标题属性的方法，以便于用户查看单元格内容。

$(".table td").mouseover(function(){
var trList = $(“table”).find(“tr”);//获取所有的tr行
for (var i = 0; i < trList.length; i++) {//遍历每一行
var tdArr = trList.eq(i).find(“td”);//获取每一行中的td
for (var j = 0; j < tdArr.length; j++) {
var td_text = tdArr.eq(j).text();
tdArr.eq(j).attr(“title”, td_text);
}
}
});