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 相关文章推荐
基于jquery的关于动态创建DOM元素的问题
Dec 24 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 Javascript
jQuery遮罩层效果实例分析
Jan 14 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
简单了解JavaScript操作XPath的一些基本方法
Jun 03 Javascript
Vue2学习笔记之请求数据交互vue-resource
Feb 23 Javascript
Bootstrap实现的标签页内容切换显示效果示例
May 25 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
Nov 27 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
Oct 22 Javascript
javascript实现小型区块链功能
Apr 03 Javascript
详解基于Vue的支持数据双向绑定的select组件
Sep 02 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中循环语句的用法介绍
2012/01/30 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
javascript &amp;&amp;和||运算法的另类使用技巧
2009/11/28 Javascript
js触发asp.net的Button的Onclick事件应用
2013/02/02 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
js判断上传文件的类型和大小示例代码
2013/10/18 Javascript
javascript实现当前页导航激活的方法
2015/02/27 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
JS组件Bootstrap Table使用实例分享
2016/05/30 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
JS实现留言板功能
2017/06/17 Javascript
vue项目中的webpack-dev-sever配置方法
2017/12/14 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
layui table设置某一行的字体颜色方法
2019/09/05 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
js实现翻牌小游戏
2020/07/31 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
2020/10/29 Javascript
Python生成随机数的方法
2014/01/14 Python
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python操作excel让工作自动化
2019/08/09 Python
详解Python的三种拷贝方式
2020/02/11 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
Python基于Webhook实现github自动化部署
2020/11/28 Python
matplotlib部件之矩形选区(RectangleSelector)的实现
2021/02/01 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
h5移动端调用支付宝、微信支付的实现
2020/06/08 HTML / CSS
商场消防演习方案
2014/02/12 职场文书
鲜花方阵解说词
2014/02/13 职场文书
县级文明单位申报材料
2014/05/23 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
结婚幸福感言
2015/08/01 职场文书