前端js截取指定长度个数字符 v1.0.0

/**
 * 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']));
      });
    }
  });

前端js截取指定长度个数字符 v1.0.0_第1张图片

你可能感兴趣的:(js工具函数)