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在多浏览器下for循环的使用方法
Nov 07 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
Dec 31 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
原生JS京东轮播图代码
Mar 22 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
Sep 13 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
Jan 08 Javascript
JavaScript中的this原理及6种常见使用场景详解
Feb 14 Javascript
js实现简单五子棋游戏
May 28 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 array_flip() 删除数组重复元素
2009/01/14 PHP
PHP教程 预定义变量
2009/10/23 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
用JavaScript实现UrlEncode和UrlDecode的脚本代码
2008/07/23 Javascript
超酷的网页音乐播放器DewPlayer使用方法
2010/12/18 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
js处理json以及字符串的比较等常用操作
2013/09/08 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
JS动态修改iframe内嵌网页地址的方法
2015/04/01 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
python实现手机销售管理系统
2019/03/19 Python
Django模型序列化返回自然主键值示例代码
2019/06/12 Python
Python笔试面试题小结
2019/09/07 Python
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
AmazeUI图片轮播效果的示例代码
2020/08/20 HTML / CSS
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
优秀毕业生求职推荐信范文
2013/11/21 职场文书
退伍老兵事迹材料
2014/01/31 职场文书
高中军训感言500字
2014/02/24 职场文书
车辆工程专业求职信
2014/04/28 职场文书
人代会标语
2014/06/30 职场文书
大学生国家助学金感谢信
2015/01/23 职场文书
人事专员岗位职责
2015/02/03 职场文书
2015年外联部工作总结
2015/04/03 职场文书
创业计划书之家教托管
2019/09/25 职场文书