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 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
jquery tools之tooltip
Jul 25 Javascript
jQuery中setTimeout的几种使用方法小结
Apr 07 Javascript
javascript将异步校验表单改写为同步表单
Jan 27 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
基于JavaScript FileReader上传图片显示本地链接
May 27 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
Vue发布项目实例讲解
Jul 17 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
微信小程序国际化探索实现(附源码地址)
May 20 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 数组实例说明
2008/08/18 PHP
浅析PHP中Collection 类的设计
2013/06/21 PHP
php基于mcrypt_encrypt和mcrypt_decrypt实现字符串加密解密的方法
2016/07/12 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
2017/04/05 PHP
jquery 页面全选框实践代码
2010/04/02 Javascript
jQuery的12招常用技巧分享
2011/08/08 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
2013/11/13 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
再谈JavaScript异步编程
2016/01/27 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
2016/11/16 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
angular2模块和共享模块详解
2018/04/08 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
Javascript实现简易天数计算器
2020/05/18 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
Pandas Shift函数的基础入门学习笔记
2018/11/16 Python
Python3爬虫使用Fidder实现APP爬取示例
2018/11/27 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
python3.7实现云之讯、聚合短信平台的短信发送功能
2019/09/26 Python
python常用排序算法的实现代码
2019/11/08 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
python实现简单的购物程序代码实例
2020/03/03 Python
Python用Jira库来操作Jira
2020/12/28 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
汽车运用工程专业毕业生推荐信
2013/12/25 职场文书
追悼会上的答谢词
2014/01/10 职场文书
写给女生的道歉信
2014/01/14 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书