首页 > 开发 > JS > 正文

jQuery实现控制文字内容溢出用省略号(…)表示的方法

2024-05-06 16:29:20
字体:
来源:转载
供稿:网友
这篇文章主要介绍了jQuery实现控制文字内容溢出用省略号(…)表示的方法,涉及jQuery针对字符串及样式操作相关技巧,需要的朋友可以参考下
 

本文实例讲述了jQuery实现控制文字内容溢出用省略号(…)表示的方法。分享给大家供大家参考,具体如下:

jQuery限制字符字数的方法

$(function(){ //限制字符个数$(".text").each(function(){var maxwidth=23;if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0,maxwidth)); $(this).html($(this).html()+'…');}});});<div class="text" style="width:150px;">你个杀千刀的,怎么写了这么多的文字,我要被拦腰截断了啊,天啊!</div><div class="text" style="width:150px;">你个杀千刀的,怎么写了这么多的文字,我要被拦腰截断了啊,天啊!</div>
 


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表