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

效果图