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?

Answer 1

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 > m)      ? jQuery.trim(this).substring(0, m).split(" ").slice(0, -1).join(" ") + "..."     : this; }; 

Use as

"This is your title".trimToLength(10);