JavaScript 在 n 个字符后修剪

Question

我有一个动态显示名称的 HTML 页面。现在此名称 (FN LN) 最多可达 240 个字符。但在 UI 方面，我想在大约 50 个字符后修剪 FN/LN 并替换为...

我如何使用 Javascript/jQuery 来做到这一点

Answer 1

$("#FN, #LN").each (function () {
  if ($(this).text().length > 50)
    $(this).text($(this).text().substring(0,50) + '...');
});

这应该有效。

Answer 2

就像这样简单的事情：

if (name.length > 50) {
    name = name.substr(0,50)+'...';
}

Answer 3

if ($('#name').text().length > 50)
{
    $('#name').text( $('#name').text().substring(0,50)+"..." );
}

但您也可以使用 CSS 来实现此目的： http://mattsnider.com/css /css-string-truncation-with-ellipsis/

Answer 4

这是一个正则表达式的方法来做到这一点：

text.replace(/(^.{50}).*$/,'$1...');  

既然你已经问过，如果你想jqueryfy这个功能，你可以用它制作一个插件：

$.fn.trimAfter(n,replacement){
    replacement = replacement || "...";
    return this.each(function(i,el){
        $(el).text($(el).text().substring(n) + replacement);
    });
}

并像这样使用它：

$("#FN, #LN").trimAfter(50,'...');