zoukankan      html  css  js  c++  java
  • 使用limit限制页面中文本的显示长度

    <script type="text/javascript">  
    jQuery.fn.limit=function(){  
        var self = $("p[limit]");        //我还见到另外一种写法    var self = $("[@limit]");        //大家可以根据自己的喜好来写    
        self.each(function(){  
            var objString = jQuery.trim($(this).text());      //主要是为了获取本文的内容
            var objLength = objString.length;                 //获取文本的长度,以便于限定的长度做比较
            var num = $(this).attr("limit");                  //获取自己设置的限制文本长度:如Limit="12"
            if(objLength > num){                              //两个长度之间的比较
                $(this).attr("title",objString);  
                objString = $(this).text(objString.substring(0,num) + "...");             //最终显示的文本内容
            }  
        })  
    }  
    $(function(){  
        $(document.body).limit();   //此种方法不一定使用           
       //也可以使用$("p[limit]").limit();   $("[@limit]").limit();来显示      各位可以根据情况使用
    })  
    </script>  
    <body>  
        <p limit="12">                                         
        www.ifeisu.comwww.ifeisu.comwww.ifeisu.comwww.ifeisu.com</p>  
        <p limit="10">                                 
        www.ifeisu.comwww.ifeisu.comwww.ifeisu.comwww.ifeisu.com</p>  
        <p limit="12">                                   
        www.ifeisu.com</p>  
        <p limit="12">                                 
        www.ifeisu.com</p>  
        <p limit="10">                                      
        www.ifeisu.comwww.ifeisu.comwww.ifeisu.comwww.ifeisu.com</p>  
    </body> 
  • 相关阅读:
    Java并发问题--乐观锁与悲观锁以及乐观锁的一种实现方式-CAS
    什么情况下Java程序会产生死锁?
    正确重写hashCode的办法
    浅析JVM类加载机制
    JVM中的新生代和老年代(Eden空间、两个Survior空间)
    解释循环中的递归调用
    get和post方法功能类似的,使用建议
    微信开发(五)微信消息加解密 (EncodingAESKey)
    PostgreSQL远程连接,发生致命错误:没有用于主机“…”,用户“…”,数据库“…”,SSL关闭的pg_hba.conf记录
    struts原理
  • 原文地址:https://www.cnblogs.com/bingrong/p/3302826.html
Copyright © 2011-2022 走看看