syamnath
10/4/2016 - 10:30 AM

Trim text content using jQuery

Trim text content using jQuery

$(document).ready(function() {
  $.fn.trimcontent = function(trimcount) {
  var trimcontent = $(this);
 
    $(trimcontent).each(function() {
      if ($(this).text().length > 30) {
        $(this).text($(this).text().substr(0, trimcount));
        $(this).append('...');
      }
    });
  };
  $('.firstpara').trimcontent(20);
  $('.secondpara').trimcontent(30);
});
<p class="firstpara">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa cupiditate dignissimos quas, est totam fugiat officiis quos voluptatem maxime quasi excepturi, eum. Unde accusantium officiis officia vel, sapiente consequatur alias.</p>
<p class="secondpara">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id minima accusamus voluptates, sunt dolorum a atque architecto fugit enim nisi placeat numquam quo molestiae saepe ipsa dolore iste deleniti, voluptate.</p>