substr()擷取前5個字元後面省略號的方法

lily000000發表於2017-12-22

解析: 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>
複製程式碼

效果圖:

這裡寫圖片描述

相關文章