jquery怎么实现超出部分省略号
程序员文章站
2022-04-15 16:43:15
...
jquery实现超出部分省略号的方法:1、创建一个js示例文件;2、通过“$(".ftlt_lt_wzne").each(function() {...}”方法实现限定文字并在超出时使用省略号即可。
本教程操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑。
jquery怎么实现超出部分省略号?
jquery限定文字超出用省略号
都知道用css3可以做到一行超出显示省略号,但多行的用css3很麻烦还要考虑兼容,今天用jquery判断字数来限制出现省略号
$(".ftlt_lt_wzne").each(function() { var maxwidth =36;//显示多少字符 if ($(this).text().length > maxwidth) { $(this).text($(this).text().substring(0, maxwidth)); $(this).html($(this).html() + '...'); } });
推荐学习:《jquery视频教程》
以上就是jquery怎么实现超出部分省略号的详细内容,更多请关注其它相关文章!
上一篇: 私有成员在JavaScript对象中如何嵌入的示例代码(图)
下一篇: HTML背景的属性名是