Question

I’m trying to trim and shorten some HTML. I use this code:

$(window).bind("load", function() {
    $.trim('a').substring(0, 10).split(" ").slice(0, - 1).join(" ") + "...";
});​

It doesn’t work. I tried many things but I can’t seem to make it work… Take a look at the example: JsFiddle

Answer 1

I think you meant something like:

$('a').each(function(i,el) {
   el = $(el);
   old = $.trim(el.html());
   el.html( old.substring(0, 10).split(" ").slice(0, -1).join(" ") + "..." );
});​

alternatively:

$('a').html(
     function(){
         return $.trim($(this).html())
                .substring(0, 10)
                .split(" ").slice(0, -1)
                .join(" ") + "...";}
);