js截取指定数量字符

Html

Css

这里是文章测试标题，含标点一共二十个字。

/**
 * update 2019-4-17 11:22:16
 * 修复字符串数量恰好等于截取数量时，也添加截取提示的bug 
 */
/** 2018-12-19 12:10:59
 * 截取字符串
 * 使用步骤：
 *   1.添加 class class="sliceStr"
 *   2.依据需求添加类型属性 data-type="wap"（wap/pc/all）
 *   3.依据需求添加长度数量控制 data-len-pc="16" data-len-wap="10"
 *   4.data-type三种类型 wap pc all
 */
var SliceStr = {
    lenDefault: 20,
    suffixDefault: " ...",
    slice: function(str, len, suffix) {
        switch (arguments.length) {
            case 1:
                len = this.lenDefault;
                suffix = this.suffixDefault;
                break;
            case 2:
                suffix = this.suffixDefault;
                break;
            case 3:
                break;
            default:
                return "";
        }
        if (str.length <= len) { //修复数量相同时添加截取字符串提示的bug
            return str;
        }
        return str.slice(0, len) + suffix;
    }
};
$(function() {
    if ($(window).width() <= 767) {
        $.each($('.sliceStr[data-type="wap"],.sliceStr[data-type="all"]'), function() {
            $(this).html(SliceStr.slice($(this).html(), this.dataset['lenWap']));
        });
    } else {
        $.each($('.sliceStr[data-type="pc"],.sliceStr[data-type="all"]'), function() {
            $(this).html(SliceStr.slice($(this).html(), this.dataset['lenPc']));
        });
    }
});

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

js截取指定数量字符



代码描述：js截取指定数量字符

js截取指定数量个字符，直接按照示例调用就可以，欢迎一起维护

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

哈雷

相关代码

js截取指定数量字符

最新