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

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