使用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>