jQuery获取文本自动截取过长的文本内容,显示成省略号形式

 当我们要对页面中的文本进行截取，多余部分显示省略号，多个页面调用的时候，下面代码是我做的一个简单的封装。

HTML

<ul class="text">
	<li>截取字段截取字段截取字段截取字段截取字段截取字段</li>
	<li>截取字段截取字段截取字段截取字段截取字段截取字段</li>
</ul>

 页面jQuery调用

<script>
	$(function(){
		//文本字数截取
		$(".text li").each(function(){  
			textIntercept( $(this) , 8 );
		});
	})
</script>

 引用公共JS

/**
 * 公共文本字数截取
 * cur       当前文本
 * textLen   当前文本字数
 */
function textIntercept( cur , textLen ){
	var len = cur.html().length;
	if(len > textLen){
		//获取文本的值,进行截取。赋值给html变量保存.  
		var text=cur.html().substring(0,textLen)+"...";
		//重新为文本赋值;  
		cur.html(text);
	}
}

function textIntercept( cur , textLen ){
	var len = cur.text().length;
	if(len > textLen){
		//获取文本的值,进行截取。赋值给html变量保存.  
		var text=cur.text().substring(0,textLen)+"...";
		//重新为文本赋值;  
		cur.text(text);
	}
}