Imposta il limite di caratteri da visualizzare in un paragrafo

Question

Sto prelevando da un feed JSON e voglio solo visualizzare un massimo di 10 caratteri della stringa e poi fare un ... dopo. Come faccio a farlo con JQuery?

Answer 1

non hai bisogno di jQuery, JS può farlo:

 
string.substr(start,length) 

start The index where to start the extraction. First character is at index 0 
length The number of characters to extract. If omitted, it extracts the rest of the string 

Answer 2

Non ho verificato questo errore per un errore, quindi potrebbe essere necessario regolare l'indicizzazione.

var txt = SomeStringFromFeed; 
if(txt.length > 10) 
{ 
    txt = txt.substr(0,10) + "..."; 
} 
return txt; 

Answer 3

È possibile utilizzare i CSS per impostare i puntini di sospensione:

.myparagraph { 
    white-space: nowrap; 
    width: 10em; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Allora non c'è bisogno di alcun jQuery o altra codifica.

Riferimenti:

• http://www.quirksmode.org/css/textoverflow.html
• http://www.electrictoolbox.com/ellipsis-html-css/

(notare che primo anello - Quirksmode.org è una risorsa eccellente in generale per CSS e roba Javascript)

Answer 4

Truncate a string with JavaScript

Answer 5

Non credo che la soluzione CSS menzionata da @spudley sia cross browser (nessun supporto per Firefox). Supponendo che ti interessi ovviamente. Il primo link che fornisce indica anche il supporto limitato nell'angolo in alto a destra della pagina.

Ora, avendo detto che ho una bella piccola funzione che potrebbe essere esagerata per quello che ti serve, ma ho trovato che la uso regolarmente in situazioni simili. Il codice riportato di seguito è stato commentato, ma ciò che fa è solo inserire un'ellissi dopo l'ultima parola completa in base al limite impostato.

Così si può tornare "Il cane salta ..." invece di "Il cane salta ove ..."

// ============================================================================================== 
// Truncate a string to the given length, breaking at word boundaries and adding an elipsis 
//  @param str - String to be truncated 
//  @param limit - integer Max length of the string 
//  @returns a string 
// ============================================================================================== 

    function truncate(str, limit) { 
     var chars; 
     var i; 

     // check if what was passed as a string is actually a string 
     if (typeof(str) != 'string') { 
      return ''; 
     } 

     // create an array of the chars in the string 
     chars = str.split(''); 

     // if the length is greater than the set limit, process for truncating 
     if (chars.length > limit) { 
      // while the char count is greater than the limit, 
      for (i = chars.length - 1; i > -1; --i) { 
       // if char count is still greater, redefine the array size to the value of i 
       if (i > limit) { 
        chars.length = i; 
       } 
       // if char count is less than the limit keep going until you hit a space 
       // and redefine the array size to the value of i 
       else if (' ' === chars[i]) { 
        chars.length = i; 
        break; 
       } 
      } 
      // add elipsis to the end of the array 
      chars.push('...'); 
     } 
     // return the array as a string 
     return chars.join(''); 
    }