jQuery实现省略指定多余文字

最新推荐文章于 2022-11-02 14:42:06 发布

Mr.王征

最新推荐文章于 2022-11-02 14:42:06 发布

阅读量273

点赞数 4

分类专栏： jQuery 文章标签：多余文字省略隐藏多余文字

本文链接：https://blog.csdn.net/wangzhneg123/article/details/88014297

版权

jQuery 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

效果展示：

源码展示：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery实现省略指定多余文字</title>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div class="cont">
    《西西里的美丽传说》 1941年春末的一天，雷纳多·阿莫鲁索初次见到玛莲娜。她留着波浪状黑亮的秀发，穿着时髦的短裙和丝袜，踏着充满情欲诱惑的高跟鞋，来到了西西里岛上宁静的阳光小镇。她的一举一动都引人瞩目、勾人遐想，她的一颦一笑都叫男人心醉、女人羡妒。玛莲娜，像个女神一般，征服了这个海滨的天堂乐园。
    年仅十三岁的雷纳多也不由自主地掉进了玛莲娜所掀起的漩涡之中，他不仅跟着其他年纪较大的青少年们一起骑着单车，穿梭在小镇的各个角落，搜寻着玛莲娜的诱人丰姿与万种风情，还悄悄地成为她不知情的小跟班，如影随形地跟监、窥视她的生活。她摇曳的倩影、她聆听的音乐、她贴身的衣物都成为这个被荷尔蒙淹没的少年，最真实、最美好的情欲幻想。然而，透过雷纳多的眼，人们也看到了玛莲娜掉进了越来越黑暗的处境之中，她变成了寡妇。
</div>

<script>
    var str = $('.cont').text().substr(0, 40) + '...';
    $('.cont').text(str);
</script>

<hr>
<pre style="color:red">
 感：  最近贡献一下我在教学中的小案例  希望能给你一些帮助 ,希望大家继续关注我的博客

                                                                               --王
</pre>

</body>
</html>