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实现的在新窗口打开链接的方法小结
Apr 22 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
Aug 23 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
Mar 03 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
ES6基础之展开语法(Spread syntax)
Feb 21 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
May 12 Javascript
vue点击按钮实现简单页面的切换
Sep 08 Javascript
antd Select下拉菜单动态添加option里的内容操作
Nov 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和ACCESS写聊天室(一)
2006/10/09 PHP
php截取后台登陆密码的代码
2012/05/05 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
javascript 闭包
2011/09/15 Javascript
DOM节点删除函数removeChild()用法实例
2015/01/12 Javascript
vuex实现简易计数器
2016/10/27 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
微信小程序使用字体图标的方法
2019/05/23 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
[03:46]DOTA2英雄基础教程 维萨吉
2013/12/11 DOTA
[01:02:05]LGD vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python去掉字符串中空格的方法
2014/03/11 Python
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
python3实现跳一跳点击跳跃
2018/01/08 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
2018/06/19 Python
python3实现逐字输出的方法
2019/01/23 Python
OpenCV HSV颜色识别及HSV基本颜色分量范围
2019/03/22 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
TCP/IP模型的分界线
2012/12/01 面试题
物流合作计划书
2014/01/10 职场文书
计算机应用专业自荐信
2014/07/05 职场文书
集团财务总监岗位职责
2015/04/03 职场文书
停水通知
2015/04/16 职场文书
品牌形象定位,全面分析
2019/07/23 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
Python面向对象之内置函数相关知识总结
2021/06/24 Python
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android