jq实现超出文字显示...

2021-05-31  本文已影响0人  上海_前端_求内推

1、jQuery限制字符字数的方法
代码很简单,使用也很方便,如下:

(document).ready(function(){ //限制字符个数(“.zxx_text_overflow”).each(function(){
var maxwidth=23;
if((this).text().length>maxwidth){(this).text((this).text().substring(0,maxwidth));(this).html($(this).html()+’…’);
}
});
});

所产生的结果是:页面中class为“zxx_text_overflow”的标签内部字符的个数将最多显示23个,如果原本字符个数大于23,则会在后面添加点点点省略号(…)
2,拼接的html
var html=''
var titlt=data.title
if(title.length>18){
title=title(0,18)+'...'
}
html+='<p>' +title+'</p>'

上一篇 下一篇

猜你喜欢

热点阅读