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>

现在页面显示效果如下：