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做拖动布局的思路
May 31 Javascript
Javascript浅谈之this
Dec 17 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
BootStrap中的表单大全
Sep 07 Javascript
Node.js连接MongoDB数据库产生的问题
Feb 08 Javascript
PHP实现本地图片上传和验证功能
Feb 27 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
详解Angular模板引用变量及其作用域
Nov 23 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
微信小程序身份证验证方法实现详解
Jun 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环境――Appserv
2006/12/13 PHP
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
php生成zip文件类实例
2015/04/07 PHP
PHP中单例模式与工厂模式详解
2017/02/17 PHP
PHP 与 js的通信(via ajax,json)
2010/11/16 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
2013/05/07 Javascript
JavaScript实现表格排序方法
2013/06/14 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
2014/06/15 Javascript
使用jquery prev()方法找到同级的前一个元素
2014/07/11 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
jquery代码规范让代码越来越好看
2017/02/03 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
ztree加载完成后显示勾选节点的实现代码
2018/10/22 Javascript
玩转Koa之koa-router原理解析
2018/12/29 Javascript
javascript中的this作用域详解
2019/07/15 Javascript
js实现幻灯片轮播图
2020/08/14 Javascript
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
Python中subprocess模块用法实例详解
2015/05/20 Python
解决安装python库时windows error5 报错的问题
2018/10/21 Python
python3爬虫怎样构建请求header
2018/12/23 Python
python多线程抽象编程模型详解
2019/03/20 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
python tkinter GUI绘制,以及点击更新显示图片代码
2020/03/14 Python
java字符串格式化输出实例讲解
2021/01/06 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
html5 拖拽及用 js 实现拖拽功能的示例代码
2020/10/23 HTML / CSS
教师年终个人自我评价
2013/10/04 职场文书
红头文件任命书范本
2014/06/05 职场文书
初中政教处工作总结
2015/08/12 职场文书
Python OpenGL基本配置方式
2022/05/20 Python