Monday, December 19, 2011

jQuery Limit Text

This is function is to limit the number of characters using jQuery.

jQuery:
function limitText($class, $limit){
  jQuery("."+$class+"").each(function(){
    var str = jQuery(this).text();
    jQuery(this).text(str.substring(0,$limit)+"..."); 
  });
}
limitText("limit",20);

html:
<div class="limit">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel mauris ut nisi suscipit condimentum quis eget magna. Integer imperdiet lacus eget mi accumsan dignissim. Donec aliquet justo odio. Donec ultrices vehicula accumsan. Nunc vulputate augue in orci aliquam auctor. Ut vel risus ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis quis viverra magna. Praesent sodales sem et magna porttitor tristique. Sed dignissim consequat odio non interdum. In est velit, volutpat semper eleifend ut, interdum eget mauris. Suspendisse dolor dui, iaculis sit amet congue eu, viverra at nunc. Duis dui dui, interdum id elementum eget, suscipit in ipsum. Pellentesque placerat laoreet cursus.</div>

OUTPUT:
Lorem ipsum dolor si...