jquery 文字超出使用省略号代替

文章描述：使用jquery判断字数限制，超出显示省略号

//js
$("类名").each(function() {
     var maxwidth =36; //显示多少字符
     if ($(this).text().length > maxwidth) {
          $(this).text($(this).text().substring(0, maxwidth));
          $(this).html($(this).html() + '...');
     }
});

css3的省略，就这样也出现啦~

/*css --- 单行显示*/
.class{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*css --- 多行显示*/
.class{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

文章jq代码来源于：https://www.cnblogs.com/li-sir/p/7261992.html
注：需要注意的是--css3多行超出省略有兼容性问题；建议使用jquery方法实现，可避免兼容问题