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

最新推荐文章于 2020-10-20 13:25:59 发布

weixin_33893473

最新推荐文章于 2020-10-20 13:25:59 发布

阅读量686

点赞数

文章标签：数据库 javascript c# ViewUI

原文链接：https://juejin.im/post/5a3ba453f265da430406cab6

版权

解析： 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>
复制代码

<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>
复制代码

效果图：

weixin_33893473

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
substr()截取前5个字符后面省略号的方法

解析： substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法：stringObject.substr(start,length)需求：超过5个字符省略html&lt;body&gt; &lt;div&gt; &lt;ul&gt; &lt;li&gt;&lt;span&gt;点击第一个&lt;/span&gt;...
复制链接

扫一扫