如何確保我的jQueryUI按鈕文本長度不超過25個字符？

Question

爲了避免造成佈局問題，我如何確保我的按鈕文字長度不超過25個字符？

var fileName = "AnalysisOfCollateralDebt"; 

$('#buttonContainer') 
.append("<button id='fileButton' class='span-1'>Show File" 
+ fileName 
+ "</button>"); 

$("#fileButton").button({ 
    icons: {primary: "ui-icon-triangle-1-e"}, 
    text: true 
}); 

在上面的例子中，該按鈕會讀：

Show File: AnalysisOfCollateralDebt 

但我想它改爲：

Show File: AnalysisOf... 

Answer 1

只是改變線5本：

 
+ fileName.substr(0,10) + ((fileName.length > 10)?'...':'') 

英文版：

fileName.substr(0,10)：前10個字符的文件名;如果文件名短於10個字符.substr()將不起作用。

((fileName.length > 10)?'...':'')：如果文件名確實長於10個字符，請打印出'...'。