当前位置: 首页 > news >正文

显示前半内容后半内容用省略号_js封装的一行半显示省略号。(字数自由控制)...

$(function() {

//控制一行半隐藏

(function ($) {

$.fn.displayPart = function (opts) {

$(this).each(function () {

displayPart($(this), opts);

});

}

function displayPart($el, opts) {

var defaults = {

displayLength: 50 //具体的想要显示的字数

}

this.Settings = $.extend(defaults, opts);

if (this.Settings.displayLength == defaults.displayLength && $el.data("textcount")) {

this.Settings.displayLength = $el.data("textcount");

}

var displayLength = this.Settings.displayLength;

var text = $el.text();

if (!text) return "";

var result = "";

var count = 0;

for (var i = 0; i < displayLength; i++) {

var _char = text.charAt(i);

if (count >= displayLength) break;

if (/[^x00-xff]/.test(_char)) count++; //双字节字符,//[u4e00-u9fa5]中文

result += _char;

count++;

}

if (result.length < text.length) {

result += "...";

}

$el.text(result);

}

})(jQuery);

$("p").displayPart();

//控制一行半隐藏

})

相关文章:

  • ios比较字符串判断为空_iOS-判断字符串为空你以为这么简单吗?
  • 可笑的UMLed
  • dct变换可以用什么方法代替_DCT变换
  • python 数据框按行拼接_python-从其他数据框按行查找
  • Oracle最差实践(一)
  • ln函数怎么看奇偶性_【小白必看】python函数是什么?python函数的定义? python函数怎么使用?...
  • vaspkit使用_vaspkit.014安装使用说明
  • Asp.Net IIS 管理类(全)
  • html包含头尾文件_HTML文件的结构包括头部(Head)、主体(Body)两大部分
  • SSIS学习之SSIS介绍
  • php关键词分词搜索 最多匹配的排在最前面_梧州抽余油百度搜索推广怎么做?...
  • 批处理命令大全
  • flutter图标按钮_【Flutter 1-17】Flutter手把手教程UI控件——【多图预警】按钮详解...
  • acl在内核里的位置_Linux2.6内核 ACL 机制数据结构和实现分析
  • WebService与共享COOKIE
  • Android单元测试 - 几个重要问题
  • exports和module.exports
  • iOS | NSProxy
  • iOS 颜色设置看我就够了
  • Java 内存分配及垃圾回收机制初探
  • Javascript 原型链
  • JSDuck 与 AngularJS 融合技巧
  • 从0到1:PostCSS 插件开发最佳实践
  • 对话 CTO〡听神策数据 CTO 曹犟描绘数据分析行业的无限可能
  • 七牛云 DV OV EV SSL 证书上线,限时折扣低至 6.75 折!
  • 腾讯大梁:DevOps最后一棒,有效构建海量运营的持续反馈能力
  • 腾讯优测优分享 | Android碎片化问题小结——关于闪光灯的那些事儿
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • 一个SAP顾问在美国的这些年
  • 因为阿里,他们成了“杭漂”
  • 如何在招聘中考核.NET架构师
  • 我们雇佣了一只大猴子...
  • ​水经微图Web1.5.0版即将上线
  • ​一些不规范的GTID使用场景
  • #14vue3生成表单并跳转到外部地址的方式
  • #AngularJS#$sce.trustAsResourceUrl
  • (C语言)字符分类函数
  • (SpringBoot)第二章:Spring创建和使用
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (附源码)springboot助农电商系统 毕业设计 081919
  • (附源码)计算机毕业设计SSM教师教学质量评价系统
  • (机器学习-深度学习快速入门)第三章机器学习-第二节:机器学习模型之线性回归
  • (学习日记)2024.04.04:UCOSIII第三十二节:计数信号量实验
  • (一)spring cloud微服务分布式云架构 - Spring Cloud简介
  • (一)UDP基本编程步骤
  • (转)菜鸟学数据库(三)——存储过程
  • (转)母版页和相对路径
  • .NET C#版本和.NET版本以及VS版本的对应关系
  • .net MySql
  • .NET Standard、.NET Framework 、.NET Core三者的关系与区别?
  • .NET 编写一个可以异步等待循环中任何一个部分的 Awaiter
  • .net 简单实现MD5
  • .NET 中 GetHashCode 的哈希值有多大概率会相同(哈希碰撞)
  • .Net 中的反射(动态创建类型实例) - Part.4(转自http://www.tracefact.net/CLR-and-Framework/Reflection-Part4.aspx)...
  • .NET3.5下用Lambda简化跨线程访问窗体控件,避免繁复的delegate,Invoke(转)