如何将div的内部文本限制为175个字符？

Question

我有一个div区域,具有任意数量的字符.我想限制显示在那里的字符数量为175个字符.我主要发现如何为输入文本框或文本区域执行此操作,但不是div.有人能帮忙吗？

这是我的代码我试图限制为175个字符:

<div class="some-area">
Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</div>

Answer 1

您可以使用带有函数的text()形式,并编写如下内容:

$("div.some-area").text(function(index, currentText) {
    return currentText.substr(0, 175);
});

Answer 2

将div替换为您的内容的正确标识符:

$("div").text($(this).text().substr(0, 175)+'...');

如果需要,从末端删除椭圆.我建议让他们让用户知道文本缩短了.如果您只是试图将文本限制为175而没有任何通知,那么您也可以选择在这种情况下删除它们.