掩藏多余字体用"..."代替

最新推荐文章于 2024-07-18 10:26:42 发布

原创最新推荐文章于 2024-07-18 10:26:42 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

JQuery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一段使用JavaScript实现的文本自动截断功能，通过遍历特定元素，当文本长度超过预设阈值时，将文本内容进行截断并添加省略号。实现方式简单高效，适用于各种网页前端应用。


$(function(){
  //超出长度  用“...”代替
	$("#high_light tr td").each(function(i){
		if($(this).text().length>25){
			$(this).attr("title",$(this).text());
			var text=$(this).text().substring(0,22)+"...";
			$(this).text(text);
		}
	});
});

其中high_light代表要实现掩藏的id名。