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 相关文章推荐
在模板页面的js使用办法
Apr 01 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
Jul 20 Javascript
js 文本滚动效果的实例代码
Aug 17 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
Jul 28 Javascript
微信小程序页面间通信的5种方式
Mar 31 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
Jan 17 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
vue实现搜索功能
May 28 Javascript
JavaScript函数重载操作实例浅析
May 02 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
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模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
PHP Google的translate API代码
2008/12/10 PHP
php数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
2011/10/31 PHP
php的hash算法介绍
2014/02/13 PHP
destoon实现商铺管理主页设置增加新菜单的方法
2014/06/26 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
ThinkPHP中Common/common.php文件常用函数功能分析
2016/05/20 PHP
PHP解压ZIP文件到指定文件夹的方法
2016/11/17 PHP
javascript 函数调用的对象和方法
2010/07/01 Javascript
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
深入了解Hybrid App技术的相关知识
2019/07/17 Javascript
Vue使用虚拟dom进行渲染view的方法
2019/12/26 Javascript
Python实现将MySQL数据库表中的数据导出生成csv格式文件的方法
2018/01/11 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
Pycharm连接远程服务器过程图解
2020/04/30 Python
会计专业毕业生求职信分享
2014/01/03 职场文书
五年级科学教学反思
2014/02/05 职场文书
工作简历自我评价
2015/03/11 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书
小学新课改心得体会
2016/01/22 职场文书
2016年主题党日活动总结
2016/04/05 职场文书
五年级作文之学校的四季
2019/12/05 职场文书
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python
python程序的组织结构详解
2021/12/06 Python