指定した文字数以上になったらそれ以降のテキストを省略する
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日に東京都制が施行され、東京府と東京市を
CSSのtext-overflowではみ出したテキストを「…」表示
CSSのtext-overflowでellipsisを指定すると はみ出したテキストを、javascriptや、jsp、phpなどを使わなくても省略表示できます。 意外とIEでも6から対応しているので、仕事でも心置きなく使えます。 2014/05/10 制作日誌更新！ある日のランチ風景をレポート！ 2014/05/08 movieに予告編ｘｘ版を追加しました 2014/05/05 制作日誌更新！主演のｘｘｘｘさんを直撃！ text-overflowを有効にする4つの条件 text-overflowは、表示領域からテキストがはみ出した場合 末尾に省略記号の「…」を表示するかどうか指定するCSSプロパティです。 そのため、text-overflowが表示領域とはみ出しを認識できるよう 幅指定で「表示領域」をつくって 改行禁止やはみ出し禁止で「はみ出す」概念を準備しないと効果がありません。 幅指
長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation
長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。 この手のライブラリはいくつか見かけましたけど、これは日本語でもそのまま利用出来るので一応メモ。 動作サンプル 長いテキストが省略されています。上は語尾を、下は真ん中あたりで省略。なかなか便利なのでは。 CSSのtext-overflow:ellipsis;で制御できない時に試してみてはいかがでしょう。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="jquery.smarttruncat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
