用词的最大数量创建投资组合描述

Question

我在网站上展示项目，每个图像都有描述。我想在50个左右的字符后用一个省略号来切断描述。我也不希望最后一个字被部分切断。

例子：

能解密：“这个建筑的设计于1970年11日和15街的拐角处。”在网站上

介绍：“这个建筑的设计于1970年......”

的JavaScript是外部和描述的类名“卡文”下。这是我到目前为止，但它似乎并没有工作：

var string = document.getElementByClassName('card-text'); 
function truncate(string){ 
if (string.length > 20) 
    return string.substring(0,20)+'...'; 
else 
    return string; 
}; 

Answer 1

在这里，你去。根据不同的最大长度更改maxLength变量。

function truncate(str) { 
 
    var maxLength = 50; 
 
    
 
    if (str.length <= maxLength) { 
 
     return str; 
 
    } 
 
    
 
    var truncated = str.slice(0, maxLength - 3); 
 
    var lastSpaceIndex = truncated.lastIndexOf(' '); 
 
    
 
    if (lastSpaceIndex === -1) { 
 
     return truncated + '...'; 
 
    } 
 

 
    return truncated.slice(0, lastSpaceIndex) + '...'; 
 
} 
 

 
var str = "this building was designed in 1970 on the corner of 11th and 15th street."; 
 

 
console.log(truncate(str));