• 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(); 
    //控制一行半隐藏

    })

    ps:特别说明,中文,标点符号占2个字符,数字,英文占一个字符

  • 相关阅读:
    KindEditor
    JS缺失错误- Uncaught SyntaxError: Unexpected token <
    JS
    SQL
    Bootstrap
    CSS-筛选 获取第一个td
    订单号创建并发问题
    保存对象时碰到的问题-列名 'Discriminator' 无效
    ViewBag对象的更改
    Kafka协议兼容性改进
  • 原文地址:https://www.cnblogs.com/zlzhang0305/p/7116428.html
Copyright © 2020-2023  润新知