超出隐藏兼容H5

常用的字体超出隐藏不能兼容H5和ios

所以整理了两种用jquery来实现的方法，然后弊端是只能隐藏指定字数不能段落隐藏

方法一、

//超出隐藏兼容ios
function hide(text,nuber) {
var array = [];
$(text).each(function(){
var content=$.trim($(this).text());//去掉前后文空格
array.push(content);//内容放进数组
})
for(var i=0;i<array.length;i++){
if(array[i].length>=nuber){
//如果数组长度（也就是文本长度）大于等于50（数字可自己定义）
content=array[i].substr(0,nuber)+'...';//添加省略号并放进box文字内容后面
console.log(content)
$(text).eq(i).text(content);
}else{
content=content_arr[i];
$(text).eq(i).text(content);
console.log(content)
}
}

}

//hide(".xxx",12)

方法二、

function hidetext(idclass,nuber){
    $(document).ready(function () {
        //限制字符个数
        $(idclass).each(function () {
            const maxnum = nuber;
            if ($(this).text().length > maxnum) {
                $(this).text($(this).text().substring(0, maxnum));
                $(this).html($(this).html() + '...');
            }
        });
    });
}
hidetext(".hide_text2","14")

Text

超出隐藏兼容H5