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>
现在页面显示效果如下: