jQuery实现控制文字内容溢出用省略号(…)表示的方
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这篇文章主要介绍了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>
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》及《》
希望本文所述对大家jQuery程序设计有所帮助。
上一篇：自动完成的搜索框javascript实现
下一篇：js去字符串前后空格的实现方法