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

文字超过一定字数用省略号显示

创建时间:2016-11-26 投稿人: 浏览次数:369
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文字超过一定字数用省略号显示</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js" language="javascript"></script>
</head>
<body>
    <ul id="demo">
        <li>我是最终要显示的内容</li>
        <li>我是最终要显示的内容我是最终要显示的内容</li>
        <li>我是最终</li>
        <li>文字超过一定字数用省略号显示</li>
        <li>我是最终要</li>
    </ul>
    <script type="text/javascript">
        $("#demo li").each(function(){
            var str = $(this).html();
            var subStr = str.substring(0,10);
            //alert(subStr);
            $(this).html(subStr + (str.length > 10 ? "...": ""));
        });
    </script>
</body>
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。