指定した文字数以上になったらそれ以降のテキストを省略する

Ads

Result


大量の文字数がありますが、省略されています

jQuery

$("p").each(function(){
           //30文字以上になったら
        if ($(this).text().length > 30) {
           //27文字まで表示する、という設定
            $(this).text($(this).text().substr(0, 27));
            //27文字以降に表示する代替テキスト。「...」とかが一般的?
            $(this).append('(以下略');
        }
    });

HTML

<p>1938年(昭和13年)6月に内務省が「東京都制案要綱<!--ここまで27文字-->
発表し<!--ここまで30文字。ここ以降に文字がある場合は省略するスクリプトが動作-->
1943年(昭和18年)1月に政府が「東京都制案」を帝国議会に提出し可決されたことを受け、
同年7月1日に東京都制が施行され、東京府と東京市を廃止する形で東京都に統合された[2]。
35区は1947年(昭和22年)3月15日に東京22区に再編され、同年5月3日の地方自治法施行
により同法の定める特別区となった。同年8月1日、旧練馬町ほか4村の区域が板橋区から
分離して練馬区となって東京23区となり、現在に至っている</p>

via

Limit string length/trim text with jQuery