【jQuery】長い文章を省略して表示する ｜ Tips Note by TAM

jQueryを使用して、一定以上の長さの文章を省略するサンプルを作成しました。 文章の省略はcss3のtext-overflowプロパティでも実装できますが、複数行には対応していません。 そのため今回は、指定した文字数以降を省略するようにします。 jQueryのバージョンは1.9を使用しています。 ■HTML class名に"text_overflow"が付いているものを省略の対象にします。 <ul> <li class="text_overflow">あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</li> <li class="text_overflow">かきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこ</li> </ul> ■JavaScript jQuery本体を読み込み、下記を記述します。 $(function(

[tomoppe_day]

複数行テキスト省略…

[h-a-t-e-h-a-t-e-h-a-t-e-n-a]

cssではできない複数行の長い文字をjQueryを使って省略する方法(レスポンシブも対応)