jQuery實現控制文字內容溢出用省略符號(…)表示的方法，jquery

jQuery實現控制文字內容溢出用省略符號(…)表示的方法，jquery

本文執行個體講述了jQuery實現控制文字內容溢出用省略符號(…)表示的方法。分享給大家供大家參考，具體如下：

jQuery限制字元字數的方法

$(function(){ //限制字元個數$(".text").each(function(){var maxwidth=23;if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0,maxwidth)); $(this).html($(this).html()+'…');}});});<div class="text" style="width:150px;">你個殺千刀的，怎麼寫了這麼多的文字，我要被攔腰截斷了啊，天啊！</div><div class="text" style="width:150px;">你個殺千刀的，怎麼寫了這麼多的文字，我要被攔腰截斷了啊，天啊！</div>