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


Posted in Javascript onFebruary 26, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
有趣的javascript数组定义方法
Sep 10 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
用循环或if语句从json中取数据示例
Aug 18 Javascript
node.js中的events.emitter.once方法使用说明
Dec 10 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
Oct 29 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
vue v-model动态生成详解
Jun 30 Javascript
详解JS预解析原理
Jun 16 Javascript
vue 实现tab切换保持数据状态
Jul 21 Javascript
js去字符串前后空格的实现方法
Feb 26 #Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 #Javascript
超实用的JavaScript表单代码段
Feb 26 #Javascript
理解javascript中Map代替循环
Feb 26 #Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 #Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 #Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
Feb 25 #Javascript
You might like
php文件操作相关类实例
2015/06/18 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
常用的js方法合集
2017/03/10 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
2017/03/30 jQuery
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
Thinkjs3新手入门之如何使用静态资源目录
2017/12/06 Javascript
vue.js element-ui tree树形控件改iview的方法
2018/03/29 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
深入理解javascript中的this
2021/02/08 Javascript
Python 不同对象比较大小示例探讨
2014/08/21 Python
Windows下安装python2.7及科学计算套装
2015/03/05 Python
Python生成器(Generator)详解
2015/04/13 Python
Python实现的快速排序算法详解
2017/08/01 Python
python使用zip将list转为json的方法
2018/12/31 Python
深入浅析Python科学计算库Scipy及安装步骤
2019/10/12 Python
Python实现基于socket的udp传输与接收功能详解
2019/11/15 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
给国外客户的邀请函
2014/01/30 职场文书
店面销售职位的职责
2014/03/09 职场文书
协议书与合同的区别
2014/04/18 职场文书
交通事故协议书范本
2014/11/18 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
2015年教研组工作总结
2015/05/04 职场文书
难以忽视的真相观后感
2015/06/05 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
写自招自荐信的绝招!
2019/04/19 职场文书
Python 中 Shutil 模块详情
2021/11/11 Python