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

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

参考: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>
上一篇:JavaScript(JS) string.substr(start[, length])


下一篇:JS中substr与substring的区别