Question

我有一个动态显示名称的HTML页面。现在这个名字（FN LN）可以达到240个charcaters。但是在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,'...');

在n个字符后修剪的JavaScript

4 个答案: