指定文字以上の文を切り取り、文末に「...」を追加する
簡単なプラグインを作成しました。
;(function($){ $.fn.omit = function(cnt){ var elem = $(this); var mark = '...'; elem.each(function(){ var str_origin = $(this).text(); //文字数でカット var str = str_origin.slice(0,cnt); //タイトル属性に元の文字列を設定 $(this).attr('title',str_origin); //カットした文字列に「...」を追加 $(this).text(str + mark); }); return this; } })(jQuery); $(function(){ //対象の要素に対してomit(引数)を実行する $('.omit').omit(50); $('.omit2').omit(25); });
対象の要素に対して、omit(文字数)を実行すれば文字数以降の文字が切り取られ、「...」が追加されます。
要素が複数の場合も可能です。