牛骨文教育服务平台(让学习变的简单)
博文笔记

substr()截取前5个字符后面省略号的方法

创建时间:2017-12-21 投稿人: 浏览次数:385

解析: substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
语法:stringObject.substr(start,length)

这里写图片描述

需求:超过5个字符省略

html

<body>
    <div>
        <ul>
            <li><span>点击第一个</span>--<span>测试1测试测试测试测试测试</span></li>
            <li><span>哈哈啊啊哈哈哈哈哈哈哈</span>--<span>测试2测试测试测试测试测试</span></li>
            <li><span>嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻</span>--<span>测试3测试测试测试测试测试</span></li>
            <li><span>呵呵呵呵呵呵额呵呵</span>--<span>测试4测试测试测试测试测试</span></li>
            <li><span>呵呵呵呵额呵呵呵呵呵呵</span>--<span>测试5测试测试测试测试测试</span></li>
        </ul>
    </div> 
</body>

js

<script type="text/javascript">
   $("li").each(function(){
   var str =  $(this).find("span").text();
   if (str.length > 5) {
    var newstr = str.substr(0,5);
   $(this).find("span").text(newstr+"...")
   }
   })
</script>

效果图:这里写图片描述

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。