jQuery 文字截取

对着背影说爱祢 提交于 2020-03-12 07:51:43

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

效果图

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!