用JS代码实现多出部分用省略号代替

本人新人,在做一个网站,在不用CSS样式情况下,用JS代码怎么控制某段内容只显示固定字数,注意:字数是汉字,因为本人是新人,请多标注注释。 例子:地址:北京市朝阳区人民法院

/**

  • 限制文本显示长度
  • @param len 最多显示的长度
  • @param ele 需要被限制的元素 */ function limitLength(len, ele){ //循环设置文本 $.each(ele,function(i,v){ //将原来的文本长度截取到指定长度 var text = $(v).text().substring(0,len); //重新赋值 $(v).text(text); }) }

http://www.runoob.com/cssref/css3-pr-text-overflow.html

if (isNotNull(aData.remarks) /*<!--[CDATA[*/&&/*]]-->*/ aData.remarks.length > 12) {
$('td:eq(5)', nRow).html(''+aData.remarks.substring(0,12)+"..."+'');
}else{
$('td:eq(5)', nRow).html(isNotNull(aData.remarks)?aData.remarks:"");
}

不用css的话可以直接用substring来进行截取
var temp = “地址:北京市朝阳区人民法院”
function cutout(temp){
temp=temp.substring(0,10)+"...";//截取代码
alert(temp);//弹框打印
}
cutout(temp);

使用标签<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>提供的函数图片说明,直接使用js的切割方法substring

text-overflow:ellipsis;

更方便的是通过CSS来设置。
JS、JQ都没有提供方法来直接设定显示多少字数,下面这是JQ方法,通过字符串截取,比较简单

$(function(){
            var tstring = "今天的发布会大家也有感受,保险是一个专业性很强的领域,而且也有很多的问题大家很关注今天的发布会到此结束。";
            demo_method(tstring);
});

function demo_method(tstring){
            var text1 = tstring;
            var text2 = text1.substring(0,10);
            $('.txt_content').append(text2+"...");
 }

    <p class="txt_content"></p>