zoukankan      html  css  js  c++  java
  • 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();
    //控制一行半隐藏

    })

  • 相关阅读:
    K
    A
    C
    E
    2020/9/14
    hdu5306 hdu3954 cf438D
    2020/9/10-9/11
    题解
    2020/8/31
    2020/8/30
  • 原文地址:https://www.cnblogs.com/kelly2017/p/7056688.html
Copyright © 2011-2022 走看看