QWQyun
QWQyun
采纳率100%
2017-02-22 03:13 阅读 1.8k

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

40

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

7条回答 默认 最新

  • 已采纳
    justinytsoft justinytsoft 2017-02-22 03:35

    /**

    • 限制文本显示长度
    • @param len 最多显示的长度
    • @param ele 需要被限制的元素 */ function limitLength(len, ele){ //循环设置文本 $.each(ele,function(i,v){ //将原来的文本长度截取到指定长度 var text = $(v).text().substring(0,len); //重新赋值 $(v).text(text); }) }
    点赞 评论 复制链接分享
  • sun1021873926 夕阳雨晴 2017-02-22 05:06

    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:"");
    }

    点赞 1 评论 复制链接分享
  • yanqingwen39 怪丶 2017-02-22 06:36

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

    点赞 1 评论 复制链接分享
  • xionglangs 编程爱好者熊浪 2017-02-22 07:59

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

    点赞 1 评论 复制链接分享
  • Im_Telling_You vobear 2017-02-22 09:51

    更方便的是通过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>
    
    点赞 1 评论 复制链接分享
  • qq_29594393 当作看不见 2017-02-22 03:21
  • Yel_Liu Yel_Liu 2017-02-22 08:43

    text-overflow:ellipsis;

    点赞 评论 复制链接分享

相关推荐