通过jQuery限制字符

Question

我有一个div，显示的是一堆文本，但我只希望显示75个字符，其余的文本替换为...

<div class="text-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</div>

$('text-info').replaceWith(this).length(75 + "...");

Answer 1

var text = $(".text-info").text();
var len = text.length;

if(len > 75){
  $(".text-info").text($(".text-info").text().substr(0,74)+'...  ');
}

Answer 2

从字面上回答您的问题，如果只希望显示75个字符，则可以简单地用作@MohammadAdil指示符。 但是，您最终将获得79个字符（74 + 3（...）+两个空格。只需拉出72个字符并附加"..."即可限制该字符，当然如果您实际上需要将该限制75个可见字符，或者如果您只想表示帖子的75个字符，然后添加省略号。

我个人的建议是将其留给一个可以为您做的库（或尽可能使用一个）。 Underscore是一个很小的库，其中包含许多方便的实用程序，它负责确定是否可以内置及其实现（例如_.each如果已定义， _.each使用Array#forEach ）。 话虽这么说， underscore.string是下划线的附加组件，其中包含许多有用的字符串操作函数，例如_.toSentence ，它们将采用["one", "two", "three"]和数组的形式["one", "two", "three"]并返回"one, two and three"但更重要的是，您会truncate和prune 。

truncate和prune仅在字符串达到极限时才执行截断，例如：

// Assume the underscore.string functions have bene mixed into _
_.truncate("Hello, World", 5) // "Hello..."
_.truncate("Hello", 10) // "Hello"

truncate功能将剪切文本中间的句子，这是prune的一种更简洁的选择，因为它会将最接近的分词符处的文本切成指定的长度。 以他们的例子为例：

_.prune("Hello, cruel world", 15) // "Hello, cruel..."
// for comparison
_.truncate("Hello, cruel world", 15) // "Hello, cruel wo..."

Answer 3

这样的事情会起作用：

(".text-info").text($(this).text().substr(0, 75)+'...');

另外，不要忘记选择器中的类标识符。 .

Answer 4

你可以试试这个

$(".text-info").text(function(){
    return $(this).text().length > 75 ? $(this).text().substr(0, 75)+'...' : $(this).text();
});

演示。