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

使用 JavScript(Jquery) 限制文本的长度

  • 772

如何使用 javascript 或 jquery 限制文本字符串？？？

我有一个从数据库中带过来的数据，但是那个数据太长了，它破坏了我的设计，我想要的是，例如，如果那个数据大于一定数量的字符，javascript 或 jquery 放“...”替换该段的其余部分，我该怎么做？

提前致谢 ：）

javascript

3 Answers

  1. Best Answer

    你可以这样做：

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

  2. 尝试这个：

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

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

   datoAMostrar = datoAMostrar + "...";

}

    您必须小心，因为如果长度（要显示的字符数）大于文本，则会出现 undefined。这将固定如下：

    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. 这是一个类似于前面的解决方案，但可能比第二个更短，并且比第一个更复杂：

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

    现在，当需要收集数据时，在我假设您将创建以遍历该数据的循环内，始终通过此过滤器传递相同的数据：（示例）

    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]));
      }
}

    我希望它有所帮助。

    • 1