jQueryで表示文字数制限

表示文字数を制限して、デフォルトでは「ほげほげ…[全文表示]」のように表示しておいて、[全文表示]をクリックしたら全文表示されるよくあるやつです。

$(window).on('load', function(){
  if($('.textOverFlow').length > 0){
    var count = 100; // デフォルトで表示する文字数
    $('.textOverFlow').each(function(){
      var target = $(this),
          fullTxt = target.text();
      if(fullTxt.length > count){
        target.text(fullTxt.substr(0,count) + '…');
        var moreLead = $('<span class="moreLead">[全文表示]</span>');
        target.append(moreLead);
        moreLead.on('click', function(){
          target.text(fullTxt);
          $(this).remove();
        });
      }
    });
  }
});

<p class="textOverFlow">テキストテキスト</p>

,moreLead {
 color: blue;
 cursor: pointer;
}