How Can I Truncate A String In jQuery

Question

I have long titles and want truncate them but in a way that no words break  I mean the cutting happen between words not cutting a word   How can I do it using jquery

User · Answer

Instead of using jQuery  use css property text-overflow ellipsis  It will automatically truncate the string    truncated   display inline-block                max-width 100px                overflow hidden                text-overflow ellipsis                white-space nowrap

User · Answer

function truncateString str  length         return str length  gt  length   str substring 0  length - 3            str

User · Answer

The solution above won t work if the original string has no spaces   Try this   var title    This is your title   var shortText   jQuery trim title  substring 0  10                             trim this

User · Answer

with prototype and without space      String prototype trimToLength   function  trimLenght        return this length  gt  trimLenght   this substring 0  trimLenght - 3            this

User · Answer

From  jQuery text truncation  read more style   Try this   var title    This is your title    var shortText   jQuery trim title  substring 0  10       split      slice 0  -1  join                  Tested here   And you can also use a plugin    jQuery Expander Plugin   As a extension of String  String prototype trimToLength   function m      return  this length  gt  m         jQuery trim this  substring 0  m  split      slice 0  -1  join                    this       Use as   This is your title  trimToLength 10

[javascript] How Can I Truncate A String In jQuery?

Examples related to javascript

Examples related to jquery

Examples related to string