Home / Questions / 164958
Accepted
Moisés Aguilar
Asked: 2020-05-17 09:02:29 +0800 CST 2020-05-17 09:02:29 +0800 CST

Limit the length of a text with JavScript(Jquery)

  • 772

How can I limit a text string with javascript or jquery???

I have a data brought from the database, but that data is too long and it undoes my design, what I want is, for example, if that data is greater than a certain number of characters with javascript or jquery put "..." substituting to the rest of the paragraph, how can I do that?

Thanks in advance :)

javascript

3 Answers

  1. Best Answer

    you can do something like this:

    var str = "Hello world!";
var res = str.substring(0, 2);
var final = res +"...";
console.log(final);
    • 3

  2. Try this:

    function recortar(){
   var logitud = 20;
   var dato = "texto largo";
   var datoAMostrar = "";

   for(var i = 0; i < logitud; i++)
       datoAMostrar = datoAMostrar + dato[i];

   datoAMostrar = datoAMostrar + "...";

}

    You must be careful because if the length (number of characters to display) is greater than the text, an undefined will appear. This would be fixed as follows:

    function recortar(){
   var logitud = 20;
   var dato = "texto largo";
   var datoAMostrar = "";

   for(var i = 0; i < logitud && i < dato.length; i++)
       datoAMostrar = datoAMostrar + dato[i];

   datoAMostrar = datoAMostrar + "...";

}
    • 1

  3. It is a solution similar to the previous ones, but perhaps it is somewhat shorter than the second, and more elaborate than the first:

    function recortaDatos(dato,longitud){
    var respuesta = dato;
    if(dato.length>longitud){
       respuesta = dato.substring(0,longitud-3)+"...";
    }
    return respuesta;
}

    Now, when it's time to collect the data, inside the loop that I assume you'll create to iterate through that data, just always pass that same data through this filter: (example)

    for(var i =0; i<listado.length; i++){
      for (var j = 0; j< listado[i].length; j++){
           $(donde rellenes el dato).text(recortaDatos(listado[i][j]));
      }
}

    I hope it helps.

    • 1