How to shorten plain HTML text

Asked Aug 04 '12 at 08:07

Active Aug 04 '12 at 08:07

Viewed 58 times

Possible Duplicate:
How Can I Truncate A String In jQuery?

I have this code which allows to display only a certain amount of characters:

$(function(){
  $(".description").each(function(i){
    len=$(this).text().length;
    if(len>10)
    {
      $(this).text($(this).text().substr(0,260)+'...');
    }
  });       
});
    });

The problem is that it doesn't distinguish between words, so it cuts in the middle of the words. What can I do to make it cut only after the last word?

edited May 23 '17 at 12:05

Community

asked Aug 04 '12 at 08:07

Youss

4,196
12
55
109

have you tried ellipsis? related: http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/ – Senthil Kumar Aug 04 '12 at 08:09
something with `lastindeof()` – bart s Aug 04 '12 at 08:10
to answer your question, instead of having a fixed number like '260', you have to pick the last index of character space (' ') or if it doesn't exist, then you can have a default number like 260 for that case. – Senthil Kumar Aug 04 '12 at 08:11
@Youss as said by Purmou, it is a duplicate question. – Senthil Kumar Aug 04 '12 at 08:13
I have answered a similar question here: http://stackoverflow.com/questions/1199352/smart-way-to-shorten-long-strings-with-javascript/1199420#1199420 – KooiInc Aug 04 '12 at 08:30

How to shorten plain HTML text

0 Answers0