jq实现多行文本超出省略

html代码如下：

<!-- 省略其他代码 --> 
<p class="myClass" title="你喜欢的NBA球星是？">君不见，黄河之水天上来，奔流到海不复回。
君不见，高堂明镜悲白发，朝如青丝暮成雪。
人生得意须尽欢，莫使金樽空对月。
天生我材必有用，千金散尽还复来。
烹羊宰牛且为乐，会须一饮三百杯。
岑夫子，丹丘生，将进酒，杯莫停。
与君歌一曲，请君为我倾耳听。
钟鼓馔玉不足贵，但愿长醉不复醒。
古来圣贤皆寂寞，惟有饮者留其名。
陈王昔时宴平乐，斗酒十千恣欢谑。
主人何为言少钱，径须沽取对君酌。
五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。 </p>
<!-- 省略其他代码 -->

此时页面上显示如下图：

现在要求在第三行‘丹丘生’后超出省略，

jq代码如下：

    <script type="text/javascript">
   $(function() {
       $("p").each(function() {
           var maxwidth = 100;
           if ($(this).text().length > maxwidth) {
               $(this).text($(this).text().substring(0, maxwidth));
               $(this).html($(this).html() + '...');
           }
       });
   })
    </script>

现在页面显示效果如下：