設置字符數限制以在段落中顯示

Question

我從JSON提要中拉出，我只想顯示最多10個字符的字符串，然後執行...之後的操作。我如何使用JQuery來做到這一點？

Answer 1

你不需要jQuery的，JS能做到這一點：

 
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

我還沒有檢查過這一個錯誤，所以你可能不得不調整糟糕的索引。

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

Answer 3

您可以使用CSS來建立一個省略號：

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

然後是不需要任何的jQuery或其他編碼。

參考文獻：

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

（注意，第一個鏈接 - Quirksmode.org是一般的CSS和Javascript的東西一個很好的資源）

Answer 4

Truncate a string with JavaScript

Answer 5

我不相信@spudley提到的CSS解決方案是跨瀏覽器（沒有Firefox支持）。假設你當然在意這一點。他提供的第一個鏈接甚至指出了頁面右上角的有限支持。

現在，說了我有一個很好的小函數可能會過度需要你的東西，但我發現我經常在類似的情況下使用它。下面的代碼已經被評論過了，但是它只是在最後一個完整的單詞後面插入一個省略號。

所以，你可以返回「狗跳...」，而不是「狗跳奧雅納......」

// ============================================================================================== 
// 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(''); 
    }