美文网首页
jq实现超出文字显示...

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

作者: 上海_前端_求内推 | 来源:发表于2021-05-31 17:33 被阅读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>'

相关文章

网友评论

      本文标题:jq实现超出文字显示...

      本文链接:https://www.haomeiwen.com/subject/htvbsltx.html