当td中文字过长时，显示为省略号

最新推荐文章于 2021-09-02 16:23:50 发布

weixin_30352645

最新推荐文章于 2021-09-02 16:23:50 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ncwuwsh/p/3582844.html

本文介绍了一种使用JavaScript实现表格中过长文字显示为省略号的方法。通过判断单元格内的文字长度，当超出预设长度时，自动将多余部分替换为省略号。这种方法可以有效提高表格内容的可读性和整洁度。

当表格中的文字过长时，可选择已省略号显示。这里是用js实现的。首先获取td中的文字长度（innerText.length），如果长度超过了设定的长度，则截取内容，加上省略号显示。示例代码如下：

$(function(){
　　var zbnr=$(".zbnr");//获取含有class=“zbnr”的td
　　$.each(zbnr,function(ind,item){
　　　　if(item.innerText.length>5){//循环判断td中含有的字数
　　　　　　item.innerText=item.innerText.substring(0,15)+"...";//如果字数超过，则截取内容，拼接上“...”显示
　　　　}
　　});

})

转载于:https://www.cnblogs.com/ncwuwsh/p/3582844.html