• 技术文章 >web前端 >前端问答

    jquery怎么实现超出部分省略号

    藏色散人藏色散人2021-11-19 11:19:02原创52

    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怎么实现超出部分省略号的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery 省略号
    上一篇:jquery怎么实现取反方法 下一篇:javascript文件是病毒吗
    php中文网线上培训班

    相关文章推荐

    • CSS3中text-overflow实现文章标题带省略号的显示效果(代码实例 )• css怎么设置多行超出显示省略号• jquery怎么实现取反方法• jquery数组元素怎样求和• jquery怎么触发改变事件

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网