jQuery 文字截取 | 易学教程

HTML

<div class="summary">
   <p class="news">业内知道，当赵科林“过档”联想之初，恰逢联想公布新的财报，据财报披露，当时期内联想智能手机销量为5000万台，同比增长72.3%，在全球市场中占有率为4.6%。其中，中国区手机销量为4450万台，销售占比超过90%。而当其在今年7月离任之时在上半财年，联想手机海外市场在总体销量中的占比从一年前的19%大幅提升到了现在的70%。在印尼、俄罗斯、印度及巴西等主要新兴市场，联想的增长分别高于当地智能手机市场增长12、175、48及4个百分点。事实证明，赵科林在联想任职一年间，对于联想海外市场，或者说联想手机业务市场战略重心的转移（从国内到海外）功不可没。至于联想为何整体移动业务下滑，其手机业务品牌战略过多和定位不清才是主因，这也是为何近期联想宣布未来放弃VIBE品牌，而只保留摩托罗拉和乐檬两个品牌的主要原因。由此看，联想今年7月移动业务的调整，尤其是赵科林的“下课”更多是充当了联想移动业务下滑的“替罪羊”
    </p>
    <a href="">[详情]</a>
</div>
<div class="summary">
   <p class="news">业内知道，当赵科林“过档”联想之初，恰逢联想公布新的财报，据财报披露，当时期内联想智能手机销量为5000万台，同比增长72.3%，在全球市场中占有率为4.6%。其中，中国区手机销量为4450万台，销售占比超过90%。而当其在今年7月离任之时在上半财年，联想手机海外市场在总体销量中的占比从一年前的19%大幅提升到了现在的70%。在印尼、俄罗斯、印度及巴西等主要新兴市场，联想的增长分别高于当地智能手机市场增长12、175、48及4个百分点。事实证明，赵科林在联想任职一年间，对于联想海外市场，或者说联想手机业务市场战略重心的转移（从国内到海外）功不可没。至于联想为何整体移动业务下滑，其手机业务品牌战略过多和定位不清才是主因，这也是为何近期联想宣布未来放弃VIBE品牌，而只保留摩托罗拉和乐檬两个品牌的主要原因。由此看，联想今年7月移动业务的调整，尤其是赵科林的“下课”更多是充当了联想移动业务下滑的“替罪羊”
    </p>
    <a href="">[详情]</a>
</div>

CSS

*{
   margin:0;
   padding:0;
   border:0;
   box-sizing:border-box;
}
.summary{
   width:50%;
   margin:0 auto;
   border:1px solid #000;
   padding:20px;
   margin:20px;
}
p{
   width:auto;
   display:inline-block;
}

JQuery

$(function(){
       $("p.news").each(function(index, element) {
            var $this=$(element);
           var text=$this.text();
           var length=text.length;
           if(length > 20)
           {
               $this.html(text.substr(0,20)+"...");
           }
        });
   });

效果图

来源：https://www.cnblogs.com/ricesm/p/5034076.html

标签

联想

联想手机

赵科林