用jquery实现当文字超过一定字数就显示省略号 – 爱CSS

html结构

<div class="aa">谁让你看的你告诉我我保证他在也看不到。</div>

1	<div class="aa">谁让你看的你告诉我我保证他在也看不到。</div>

jq

$(".aa").each(function() {
    var str = $(this).html();
    var subStr = str.substring(0, 5);
    $(this).html(subStr + (str.length > 5 ? '...' : ''));
});

$(".aa").each(function() {

var str = $(this).html();

var subStr = str.substring(0, 5);

$(this).html(subStr + (str.length > 5 ? '...' : ''));

});

效果

谁让你看的…

支付宝支付

微信支付

打赏

转载请注明：用jquery实现当文字超过一定字数就显示省略号 | 爱CSS

前一篇

纯CSS3美化单选复选框打勾原来可以这样生成

后一篇

放学了我们一起在楼下骑骑车、玩玩捉迷藏吧

前一篇: 纯CSS3美化单选复选框打勾原来可以这样生成

后一篇: 放学了我们一起在楼下骑骑车、玩玩捉迷藏吧

目录

html结构

jq

效果

纯CSS3美化单选复选框打勾原来可以这样生成

放学了我们一起在楼下骑骑车、玩玩捉迷藏吧

《锋利的Jquery》

用Css或插件实现瀑布流布局的问题小结

$.ajax({})方法success，error，complete，beforeSend

owl carousel轮播图左右滑动与手机浏览器滑动功能冲突的解决方法

jquery如何实现当页面下拉到一定位置时，右下角出现回到顶部图标

jQuery阻止遮罩层后页面滚动的解决方法

发表评论取消回复

SQL Server 常用近百条SQL语句（收藏版）

SQL高效查询两个表不同的数据

五岁生日 | 这一年跟表姐一块庆祝生日，可心的一天了

跨域 | 百度联想词二种方式来实现

$.ajax({})方法success，error，complete，beforeSend

【童心致敬•礼赞祖国】红红中国心浓浓爱国情

目 录

html结构

jq

效果

纯CSS3美化单选复选框 打勾原来可以这样生成

放学了我们一起在楼下骑骑车、玩玩捉迷藏吧

发表评论 取消回复

目录

纯CSS3美化单选复选框打勾原来可以这样生成

发表评论取消回复