jQuery插件——长字符串改为显示部分字符串+伸缩图标
来源:互联网 发布:mac口红辩真假 编辑:程序博客网 时间:2024/06/07 04:53
一直以来, 长字符串在表格中的处理都是非常麻烦的:截短了看不到,看到了页面难看……
本人发了个“恨”, 用半天时间写好这个玩意, 免得以后烦人吧。
//===================================================================== //插件名称: CutString //作 者: yenange//功能说明: 设置 字符个数,在超过时显示部分字符串和 ">>"// ">>"点击时会展开显示全部内容, 变为 "<<"//输入参数: charLength: 字符长度超过多少个时 //调用示例: $(function(){ $("#xxx li").CutString(25) }); //输出参数://创建日期: 2014-11-11(function ($) { jQuery.fn.CutString = function (charLength) { $(this).each(function(){ var fullString = $(this).text(); if(fullString==null || typeof(fullString)=="undefined" || fullString.length<=charLength){ return true; } var cutString = fullString.substring(0, charLength); $(this).text( cutString ); //内面加多一层,类似: <li><span>xxx</span></li> $(this).wrapInner(function(){ return "<span></span>"; }); var $cutFlag = $("<span style='color:red;cursor:pointer;' title='展开' >>></span>"); $cutFlag.data("full", fullString) .data("cut", cutString) .data("open", "0"); $(this).append($cutFlag); $(this).click(function(){ var open = $cutFlag.data("open"); var $txt = $cutFlag.prev(); $cutFlag.text(open=='0'?"<<":">>") .data("open", open=='0'?'1':'0') .attr("title", open=='0'?'收缩':'展开'); $txt.text( open=='0' ? $cutFlag.data("full") : $cutFlag.data("cut") ); }); }); }})(jQuery);
1 0
- jQuery插件——长字符串改为显示部分字符串+伸缩图标
- 省略显示长字符串
- jQuery实现长文字部分显示
- C 语言截取长字符串中的部分字符串 strncpy
- solr高亮只显示部分字符串
- jQuery,ajax请求返回长数字字符串,jsp页面不显示为科学计数法
- GDB下显示完整的长字符串
- GDB下显示完整的长字符串
- Oracle 调试 显示长字符串 long value
- GDB下显示完整的长字符串
- GDB下显示完整的长字符串
- JSP简单练习-省略显示长字符串
- 将字符串改为小写
- jquery一款点击图标伸缩式显示操作区的控件
- JQuery练习——伸缩的导航
- jquery制作图标导航插件鼠标悬停放大显示特效代码
- 封装Jquery插件不再需要字符串拼接
- jQuery截取字符串插件区分中英文:
- PHP知识点 自己做个记录
- PHP WEbService 一个简单的案例
- jQuery ui autocomplete实现联想输入下拉菜单
- uitextfield运用正则表达式
- 图像识别技术——验证码识别
- jQuery插件——长字符串改为显示部分字符串+伸缩图标
- 如何在android的jni线程中实现回调
- Java-JSSE-SSL/TLS编程代码实例-双向认证
- Placing Lampposts - UVa 10859 树形dp
- 朴素贝叶斯算法学习应用
- ul li设置横排,并除去li前的圆点
- fourfaithDTU+GRIDVis
- 福克斯的你哭洛桑啊撒的公开你撒旦风格
- Android反编译与Java调用windows中的bat、exe程序