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

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

截取字符串后的效果图

猜你喜欢

转载自blog.csdn.net/weixin_42708208/article/details/89021821
今日推荐