使用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> 
posted on 2013-09-05 11:00  火玉  阅读(552)  评论(0编辑  收藏  举报