其他分享
首页 > 其他分享> > 超出限定文字个数隐藏加…,鼠标悬停显示完整信息

超出限定文字个数隐藏加…,鼠标悬停显示完整信息

作者:互联网

一、超出限定字数隐藏加…

参考:https://icss.me/3075.html

//省略文字
    $(".elips").each(function () {
        //去除空格
        var str = $(this).html().trim();
        var subStr = str.substring(0,5);
        $(this).html(subStr + (str.length > 5 ? '...' : ''));
    });

该方法使用类名确定元素

html

关键点在于 title 属性

<span class="elips" title="动态获取的数据">动态获取的数据</span>

标签:限定,个数,html,subStr,鼠标悬停,str,var,隐藏
来源: https://blog.csdn.net/weixin_44355884/article/details/119107856