js 计算字符，显示省略号

 

1.html

<p id="title" data-title="你此菜才唉才急急急请假地勘困难难m"></p>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>

 

   2.js

<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>

 var str = {
        suolve : function(str) {
            var sub_length = 10;
            var temp1 = str.replace(/[^\x00-\xff]/g, "**");//精髓
            var temp2 = temp1.substring(0, sub_length);
            //找出有多少个*
            var x_length = temp2.split("\*").length - 1;
            var hanzi_num = x_length / 2;
            sub_length = sub_length - hanzi_num;//实际需要sub的长度是总长度-汉字长度
            var res = str.substring(0, sub_length);
            if (sub_length < str.length) {
                var end = res + "…";
            } else {
                var end = res;
            }
            return end;
        }
    };

    var _txtl=$('#title').attr('data-title');
    var _text=str.suolve(_txtl);
    console.log(_text);
    $('#title').html(_text);
})