Limit length of text with jQuery

Question

Limit length of text with jQuery

Navigation

#1 by (5 votes)
#2 by (4 votes)
#3 by (0 votes)

2

Ihaveafunctionthatputsthefamous3dots...afterxcharacters.ButIamindoubthowtomakethereticencesenterexactlyattheendofthewordwherethelimitofcharacters.HereisthecodeI'musing:

$(function(){$(".limit").each(function(i){
        len=$(this).text().length;
        if(len>60)
        {
            $(this).text($(this).text().substr(0,80)+'...');
        }
    });       
});

jquery

asked by anonymous 14.03.2015 / 00:03

3 answers

setTimeout not executed in the loop (each) What is the meaning of the prefixes of pseudo-elements in css?

score 5 · Answer 1

I do not know if you need this necessarily in javascript, as this can be solved in css in a very simple way.

You can use the property:

text-overflow: ellipsis;

Here is the implementation example:

link

Obs: Now using less javascript your page gets faster.

score 4 · Answer 2

Without a more detailed description of the problem I leave a suggestion:

$(function () {
    $(".limit").each(function (i) {
        var texto = $(this).text();
        var len = texto.length;
        var novoTexto = [];
        var novoLength = 0;
        if (len > 60) {
            texto.split(' ').each(function (str) { // partir a frase em pedacos  e iterar
                novoLength += str.length; // ir contando o tamanho
                if (novoLength < 80) novoTexto.push(str);
            });
            novoTexto = novoTexto.join(' ') + '...'; // juntar de novo e adicionar "..."
            $(this).text(novoTexto);
        }
    });
});

score 0 · Answer 3

I gave a wipe to the function of our friend, I think this can help other people.

$(function(){
   $(".limit").each(function (i) {
       var text = $(this).text();
       var len = text.length;
       if (len > 80) {
           var query = text.split(" ", 10);
           query.push('...');
           res = query.join(' ');
           $(this).text(res);
       }
    });
});

Here is an example:

link